cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.11

package/es/components/table-filter/src/components/out-quick-search/out-quick-search.vue.d.ts

@@ -0,0 +1,266 @@
+import { PropType } from 'vue';
+import { ISearchType } from '../../../../../../es/components/table-filter/src/types';
+import moment from 'moment';
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: PropType<ISearchType>;
+        default: () => void;
+    };
+    filterApiConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {
+    handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+    wordBookutils: {
+        hasArray: (arr: ISearchType[]) => boolean;
+        handleWordbookData(item: any, data: any, params: any): {
+            rows: never[];
+            hasFieldList: boolean;
+            searchPageConfig: {};
+        };
+        getTitleHeader(fieldList: ISearchType[], renderKey: any): any;
+    };
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<ISearchType>;
+            default: () => void;
+        };
+        filterApiConfig: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
+    }>> & {
+        onOutFilterChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "outFilterChange", ...args: any[]) => void;
+    fetchingWordbook: import("vue").Ref<boolean>;
+    initSearch: import("vue").Ref<boolean>;
+    handlePickerShowTime: import("vue").ComputedRef<(item: ISearchType) => false | {
+        defaultValue: moment.Moment[];
+    }>;
+    init: () => void;
+    handleWordBookSearch: (value: string, item: ISearchType, config?: any) => void;
+    dropdownVisibleChange: (open: boolean, item: ISearchType, config?: any) => void;
+    handleWordbookData: (item: ISearchType, data: any, params: any) => void;
+    getWordbookData: (o: any, obj: any) => Promise<any>;
+    rangePickerChange: (value: string, item: ISearchType) => void;
+    outFilterChange: (config?: {}) => void;
+    maxTagPlaceholder: (item: ISearchType) => number;
+    changeOutFilterNumber: (item: ISearchType) => void;
+    clearOutFilterNumber: (item: ISearchType) => void;
+    NInput: any;
+    NDatePicker: any;
+    multiSelect: import("vue").DefineComponent<{
+        item: {
+            type: PropType<ISearchType>;
+            default: () => void;
+        };
+        maxTagPlaceholder: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        outFilterChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        handleWordBookSearch: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        dropdownVisibleChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        source: {
+            type: StringConstructor;
+            default: string;
+        };
+        fetchingWordbook: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        quickInputSelect: any;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: PropType<ISearchType>;
+                default: () => void;
+            };
+            maxTagPlaceholder: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+            outFilterChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+            handleWordBookSearch: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+            dropdownVisibleChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+            source: {
+                type: StringConstructor;
+                default: string;
+            };
+            fetchingWordbook: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {}>>;
+        handleMaxTagCount: import("vue").ComputedRef<(item: ISearchType) => 0 | 1>;
+        isnoPages: import("vue").ComputedRef<boolean>;
+        hasShowKeys: import("vue").ComputedRef<boolean>;
+        showRemoveIcon: import("vue").ComputedRef<boolean>;
+        mode: import("vue").ComputedRef<boolean>;
+        renderList: import("vue").ComputedRef<any>;
+        createSuffixIcon: () => void;
+        filterOption: (...arg: any) => any;
+        handleSearchChangePage: (type: string) => void;
+        handleChange: () => void;
+        NSelect: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<ISearchType>;
+            default: () => void;
+        };
+        maxTagPlaceholder: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        outFilterChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        handleWordBookSearch: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        dropdownVisibleChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+        source: {
+            type: StringConstructor;
+            default: string;
+        };
+        fetchingWordbook: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        item: ISearchType;
+        source: string;
+        outFilterChange: Function;
+        maxTagPlaceholder: Function;
+        handleWordBookSearch: Function;
+        dropdownVisibleChange: Function;
+        fetchingWordbook: boolean;
+    }>;
+    cTreeSelect: import("vue").DefineComponent<{
+        item: {
+            type: PropType<ISearchType>;
+            default: () => {
+                value: never[];
+            };
+        };
+        handleGetConfigApi: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        filterApiConfig: {
+            type: ObjectConstructor;
+        };
+        outFilterChange: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: PropType<ISearchType>;
+                default: () => {
+                    value: never[];
+                };
+            };
+            handleGetConfigApi: {
+                type: FunctionConstructor;
+                default: () => void;
+            };
+            filterApiConfig: {
+                type: ObjectConstructor;
+            };
+            outFilterChange: {
+                type: FunctionConstructor;
+                default: () => void;
+            };
+        }>> & {}>>;
+        quickInputSelect: any;
+        treeData: import("vue").Ref<{
+            label: string;
+            key: string;
+            selectable: boolean;
+            scopedSlots: {
+                title: string;
+            };
+        }[]>;
+        handleMaxTagCount: import("vue").ComputedRef<(item: ISearchType) => 0 | 1>;
+        showRemoveIcon: import("vue").ComputedRef<boolean>;
+        init: () => Promise<void>;
+        handleMaxTag: () => string;
+        handleRequestedOptions: (item: ISearchType) => Promise<any>;
+        getSearchDefParams: (item: ISearchType) => any;
+        formatField: (value: any) => any;
+        hanldeGetCascadelabel: (v?: never[], k?: {}) => any;
+        handleInitTreeData: (list: any, config: ISearchType) => void;
+        hanldeSetTreeDef: () => void;
+        maxTagPlaceholder: (item: ISearchType) => number;
+        treeSelect: (key: string, vnode: any) => void;
+        change: () => void;
+        handleDisabledTreeData: (list?: any, config?: any) => void;
+        createSuffixIcon: () => void;
+        NTreeSelect: any;
+        NSpin: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<ISearchType>;
+            default: () => {
+                value: never[];
+            };
+        };
+        handleGetConfigApi: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        filterApiConfig: {
+            type: ObjectConstructor;
+        };
+        outFilterChange: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+    }>>, {
+        item: ISearchType;
+        handleGetConfigApi: Function;
+        outFilterChange: Function;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "outFilterChange"[], "outFilterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<ISearchType>;
+        default: () => void;
+    };
+    filterApiConfig: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & {
+    onOutFilterChange?: ((...args: any[]) => any) | undefined;
+}, {
+    item: ISearchType;
+    filterApiConfig: Record<string, any>;
+}>;
+export default _default;

package/es/components/table-filter/src/components/out-quick-search/out-quick-search.vue.js

@@ -0,0 +1,310 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, renderSlot, createVNode, unref, withKeys, normalizeStyle, createCommentVNode, Fragment, createBlock, createElementVNode, normalizeClass, withDirectives, vModelText, createTextVNode, toDisplayString } from 'vue';
+import { NInput, NDatePicker } from 'naive-ui';
+import multiSelect from '../multi-select/multi-select.vue.js';
+import cTreeSelect from '../c-tree-select/tree-select.vue.js';
+import useMixins from '../../hooks/useMixins.js';
+import useWordBookutils from '../../hooks/useWordBookutils.js';
+import moment from 'moment';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "outQuickSearch-li-block" };
+const _hoisted_2 = {
+  key: 4,
+  class: "ant-calendar-picker",
+  style: { "margin": "0 8px 8px 0", "width": "200px" }
+};
+const _hoisted_3 = ["title", "placeholder"];
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "ant-calendar-range-picker-separator" }, " ~ \xA0", -1);
+const _hoisted_5 = ["title", "placeholder"];
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
+  "aria-label": "\u56FE\u6807: close-circle",
+  tabindex: "-1",
+  class: "anticon anticon-close-circle ant-input-clear-icon"
+}, [
+  /* @__PURE__ */ createElementVNode("svg", {
+    viewBox: "64 64 896 896",
+    "data-icon": "close-circle",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    focusable: "false",
+    class: ""
+  }, [
+    /* @__PURE__ */ createElementVNode("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
+  ])
+], -1);
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "ant-calendar-picker-icon" }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "out-quick-search",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    filterApiConfig: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: [
+    "outFilterChange"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { handleGetConfigApi } = useMixins();
+    const { wordBookutils } = useWordBookutils();
+    const fetchingWordbook = ref(false);
+    const initSearch = ref(false);
+    computed(() => {
+      return function(item) {
+        if (!item.showTime)
+          return false;
+        return {
+          defaultValue: [moment("00:00:00", "HH:mm:ss"), moment("23:59:59", "HH:mm:ss")]
+        };
+      };
+    });
+    onMounted(() => {
+      init();
+    });
+    function init() {
+      let item = props.item;
+      let df = item.explicitDefaultVal;
+      if (item.com == "SelectMui" && df) {
+        dropdownVisibleChange(true, item, { type: "hasDefaultInit" });
+      }
+    }
+    function handleWordBookSearch(value, item, config = { type: "" }) {
+      var _a, _b, _c;
+      if (item.comType != "SelectMuiWordBook")
+        return;
+      let curAutograph = item.settingObj.wordbook && item.settingObj.wordbook.autograph;
+      let params = {
+        keyword: value,
+        autograph: curAutograph
+      };
+      let obj = {};
+      let p = ((_b = (_a = item == null ? void 0 : item.setting) == null ? void 0 : _a.wordbook) == null ? void 0 : _b.params) || void 0;
+      if (p) {
+        (_c = item.setting.wordbook) == null ? void 0 : _c.params.forEach((item2) => {
+          obj[item2.p_name] = item2.p_value;
+        });
+      }
+      let rp = { ...params, ...obj, ...config };
+      getWordbookData(item.setting.wordbook, rp).then(({ data }) => {
+        handleWordbookData(item, data, rp);
+      });
+    }
+    function dropdownVisibleChange(open, item, config = { type: "" }) {
+      var _a;
+      if (item.comType != "SelectMuiWordBook")
+        return;
+      if (open) {
+        let obj = {};
+        if ((_a = item.setting.wordbook) == null ? void 0 : _a.params) {
+          item.setting.wordbook.params.forEach((item2) => {
+            obj[item2.p_name] = item2.p_value;
+          });
+        }
+        if (item.settingObj.wordbook) {
+          obj.autograph = item.settingObj.wordbook.autograph;
+        }
+        let df = item.explicitDefaultVal;
+        if (df != "firstOption") {
+          obj.keyword = df;
+        }
+        getWordbookData(item.setting.wordbook, obj).then(({ data }) => {
+          handleWordbookData(item, data, obj);
+          if ("hasDefaultInit" == (config == null ? void 0 : config.type)) {
+            outFilterChange({ type: "outSearchInit" });
+          }
+        });
+      }
+    }
+    function handleWordbookData(item, data, params) {
+      var _a, _b;
+      item.hasFieldList = false;
+      const { rows, hasFieldList, searchPageConfig } = wordBookutils.handleWordbookData(item, data, params);
+      item.hasFieldList = hasFieldList;
+      item.dataSource = rows;
+      let showKeys = ((_b = (_a = item == null ? void 0 : item.setting) == null ? void 0 : _a.wordbook) == null ? void 0 : _b.showKeys) || [];
+      item.searchPageConfig = Object.assign(item.searchPageConfig, searchPageConfig);
+      if (!initSearch.value) {
+        let df = item.explicitDefaultVal;
+        if (df) {
+          let defval = [];
+          if (df === "firstOption") {
+            let [v, k] = rows;
+            if (showKeys.length > 0 && item.hasFieldList) {
+              v = k;
+            }
+            v && (defval = [v.myName]);
+          } else {
+            let f = rows.find((v) => v.myName.includes(df));
+            if (f) {
+              defval = [f.myName];
+            }
+          }
+          item.value = [...defval];
+          item.search_DefaultValue = [...defval];
+        }
+        initSearch.value = true;
+      }
+    }
+    function getWordbookData(o, obj) {
+      let { id, filterKeys, wordbookType } = o;
+      fetchingWordbook.value = true;
+      let resFieldKeys = Array.isArray(filterKeys) ? JSON.stringify(filterKeys) : filterKeys;
+      let params = {
+        wordbookId: id,
+        fieldKeys: resFieldKeys,
+        wordbookType: wordbookType || "WORDBOOK",
+        asyncCount: 1,
+        ...obj
+      };
+      return handleGetConfigApi(params, "requestGetWordbookData", { fields: o }, props.filterApiConfig).then((res) => {
+        fetchingWordbook.value = false;
+        if (typeof res.data === "object") {
+          res.data.reqParams = params;
+        }
+        return res;
+      }).catch(() => {
+        fetchingWordbook.value = false;
+      });
+    }
+    function outFilterChange(config = {}) {
+      emit("outFilterChange", config);
+    }
+    function maxTagPlaceholder(item) {
+      if (Array.isArray(item.value)) {
+        return item.value.length;
+      } else {
+        return 1;
+      }
+    }
+    function changeOutFilterNumber(item) {
+      if (item.lessValue && item.bigValue) {
+        const lessValue = item.lessValue;
+        const bigValue = item.bigValue;
+        if (bigValue < lessValue) {
+          item.lessValue = bigValue;
+          item.bigValue = lessValue;
+        }
+        outFilterChange();
+        return;
+      }
+      if (item.lessValue == "" && item.bigValue == "") {
+        outFilterChange();
+      }
+    }
+    function clearOutFilterNumber(item) {
+      item.lessValue = item.bigValue = "";
+      outFilterChange();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1, [
+        __props.item.com == "Text" ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+          createVNode(unref(NInput), {
+            onKeyup: withKeys(outFilterChange, ["enter"]),
+            class: "CL-input",
+            style: normalizeStyle({
+              width: `${__props.item.advanceColWidth || 200}px`,
+              margin: "0 8px 8px 0",
+              "font-family": __props.item.PASSWORDTYPE ? "text-security-disc" : "inherit"
+            }),
+            placeholder: __props.item.placeholder || `\u641C\u7D22${__props.item.alias || __props.item.title}`,
+            value: __props.item.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.item.value = $event),
+            clearable: ""
+          }, null, 8, ["onKeyup", "style", "placeholder", "value"])
+        ]) : createCommentVNode("v-if", true),
+        __props.item.com == "SelectMui" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          __props.item.comType === "treeSelect" ? (openBlock(), createBlock(cTreeSelect, {
+            key: 0,
+            item: __props.item,
+            handleGetConfigApi: unref(handleGetConfigApi),
+            maxTagPlaceholder,
+            outFilterChange,
+            style: { "margin": "0 8px 8px 0" }
+          }, null, 8, ["item", "handleGetConfigApi"])) : (openBlock(), createBlock(multiSelect, {
+            key: 1,
+            item: __props.item,
+            maxTagPlaceholder,
+            outFilterChange,
+            handleWordBookSearch,
+            dropdownVisibleChange,
+            fetchingWordbook: fetchingWordbook.value,
+            style: { "margin": "0 8px 8px 0" }
+          }, null, 8, ["item", "fetchingWordbook"]))
+        ], 64)) : createCommentVNode("v-if", true),
+        __props.item.com == "DatePicker" ? (openBlock(), createBlock(unref(NDatePicker), {
+          key: 2,
+          clearable: __props.item.explicitRequired != 1,
+          format: __props.item.showFormat,
+          value: __props.item.value,
+          "onUpdate:value": [
+            _cache[1] || (_cache[1] = ($event) => __props.item.value = $event),
+            outFilterChange
+          ],
+          type: "datetimerange",
+          placeholder: [`${__props.item.alias || __props.item.title}\u8D77\u59CB\u65E5\u671F`, `${__props.item.alias || __props.item.title}\u622A\u6B62\u65E5\u671F`],
+          style: { "margin": "0 8px 8px 0" }
+        }, null, 8, ["clearable", "format", "value", "placeholder"])) : createCommentVNode("v-if", true),
+        __props.item.com == "DayPicker" ? (openBlock(), createBlock(unref(NDatePicker), {
+          key: 3,
+          "input-readonly": __props.item.explicitRequired == 1,
+          clearable: __props.item.explicitRequired != 1,
+          "value-format": __props.item.showFormat,
+          "formatted-value": __props.item.value,
+          "onUpdate:formatted-value": _cache[2] || (_cache[2] = ($event) => __props.item.value = $event),
+          placeholder: __props.item.placeholder || `\u8BF7\u9009\u62E9${__props.item.alias || __props.item.title}`,
+          style: { "margin": "0 8px 8px 0" },
+          "onUpdate:value": outFilterChange
+        }, null, 8, ["input-readonly", "clearable", "value-format", "formatted-value", "placeholder"])) : createCommentVNode("v-if", true),
+        __props.item.com == "Number" ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          createElementVNode("span", {
+            class: normalizeClass(["ant-calendar-picker-input ant-input num-picker", { "num-picker-unit": __props.item.inputUnit }])
+          }, [
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.item.lessValue = $event),
+              onKeyup: _cache[4] || (_cache[4] = withKeys(() => changeOutFilterNumber(__props.item), ["enter"])),
+              title: `\u8D77\u59CB${__props.item.alias || __props.item.title}`,
+              placeholder: `\u8D77\u59CB${__props.item.alias || __props.item.title}`,
+              class: "ant-calendar-range-picker-input"
+            }, null, 40, _hoisted_3), [
+              [vModelText, __props.item.lessValue]
+            ]),
+            _hoisted_4,
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.item.bigValue = $event),
+              title: `\u622A\u6B62${__props.item.alias || __props.item.title}`,
+              onKeyup: _cache[6] || (_cache[6] = withKeys(() => changeOutFilterNumber(__props.item), ["enter"])),
+              placeholder: `\u622A\u6B62${__props.item.alias || __props.item.title}`,
+              class: "ant-calendar-range-picker-input"
+            }, null, 40, _hoisted_5), [
+              [vModelText, __props.item.bigValue]
+            ]),
+            __props.item.inputUnit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode("\xA0" + toDisplayString(__props.item.inputUnit), 1)
+            ], 64)) : createCommentVNode("v-if", true),
+            __props.item.lessValue || __props.item.bigValue ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: "ant-input-suffix clear-number-icon",
+              onClick: _cache[7] || (_cache[7] = ($event) => clearOutFilterNumber(__props.item))
+            }, _hoisted_7)) : createCommentVNode("v-if", true),
+            _hoisted_8
+          ], 2)
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var outQuickSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "out-quick-search.vue"]]);
+
+export { outQuickSearch as default };