New Huajishe Check ChaoXing

HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/picker/picker.js

@@ -0,0 +1,121 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { SuperComponent, wxComponent } from '../common/src/index';
+import { rpx2px } from '../common/utils';
+import config from '../common/config';
+import props from './props';
+import useCustomNavbar from '../mixins/using-custom-navbar';
+const { prefix } = config;
+const name = `${prefix}-picker`;
+let Picker = class Picker extends SuperComponent {
+    constructor() {
+        super(...arguments);
+        this.behaviors = [useCustomNavbar];
+        this.properties = props;
+        this.externalClasses = [`${prefix}-class`, `${prefix}-class-confirm`, `${prefix}-class-cancel`, `${prefix}-class-title`];
+        this.options = {
+            multipleSlots: true,
+        };
+        this.relations = {
+            '../picker-item/picker-item': {
+                type: 'child',
+                linked() {
+                    this.updateChildren();
+                },
+            },
+        };
+        this.observers = {
+            'value, visible'() {
+                this.updateChildren();
+            },
+            keys(obj) {
+                this.setData({
+                    labelAlias: (obj === null || obj === void 0 ? void 0 : obj.label) || 'label',
+                    valueAlias: (obj === null || obj === void 0 ? void 0 : obj.value) || 'value',
+                });
+            },
+        };
+        this.lifetimes = {
+            attached() {
+                this.setData({
+                    pickItemHeight: rpx2px(this.properties.itemHeight),
+                });
+            },
+        };
+        this.data = {
+            prefix,
+            classPrefix: name,
+            labelAlias: 'label',
+            valueAlias: 'value',
+            defaultPopUpProps: {},
+            defaultPopUpzIndex: 11500,
+            pickItemHeight: 0,
+        };
+        this.methods = {
+            updateChildren() {
+                const { pickItemHeight } = this.data;
+                const { value, defaultValue } = this.properties;
+                this.$children.forEach((child, index) => {
+                    var _a, _b;
+                    child.setData({
+                        value: (_b = (_a = value === null || value === void 0 ? void 0 : value[index]) !== null && _a !== void 0 ? _a : defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[index]) !== null && _b !== void 0 ? _b : '',
+                        columnIndex: index,
+                        pickItemHeight,
+                    });
+                    child.update();
+                });
+            },
+            getSelectedValue() {
+                const value = this.$children.map((item) => item._selectedValue);
+                const label = this.$children.map((item) => item._selectedLabel);
+                return [value, label];
+            },
+            getColumnIndexes() {
+                const columns = this.$children.map((pickerColumn, columnIndex) => {
+                    return {
+                        column: columnIndex,
+                        index: pickerColumn._selectedIndex,
+                    };
+                });
+                return columns;
+            },
+            onConfirm() {
+                const [value, label] = this.getSelectedValue();
+                const columns = this.getColumnIndexes();
+                this.close('confirm-btn');
+                this.triggerEvent('change', { value, label, columns });
+                this.triggerEvent('confirm', { value, label, columns });
+            },
+            triggerColumnChange({ column, index }) {
+                const [value, label] = this.getSelectedValue();
+                this.triggerEvent('pick', { value, label, column, index });
+            },
+            onCancel() {
+                this.close('cancel-btn');
+                this.triggerEvent('cancel');
+            },
+            onPopupChange(e) {
+                const { visible } = e.detail;
+                this.close('overlay');
+                this.triggerEvent('visible-change', { visible });
+            },
+            close(trigger) {
+                if (this.data.autoClose) {
+                    this.setData({ visible: false });
+                }
+                this.triggerEvent('close', { trigger });
+            },
+        };
+    }
+    ready() {
+        this.$children.map((column, index) => (column.columnIndex = index));
+    }
+};
+Picker = __decorate([
+    wxComponent()
+], Picker);
+export default Picker;