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

package/es/components/table-filter/src/components/classify-filter/index.vue.js

@@ -0,0 +1,304 @@
+import { defineComponent, useAttrs, reactive, ref, toRef, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createBlock, withDirectives, createTextVNode, vShow, createCommentVNode } from 'vue';
+import { useMessage, NSpin, NInput, NIcon, NButton, NSelect, NTooltip } from 'naive-ui';
+import { CloseOutline, AddOutline, AddCircleSharp } from '@vicons/ionicons5';
+import script from '../../../../../shared/components/SvgIcon/SvgIcon.vue.js';
+import ValueCfg from './ValueCfg.vue.js';
+import { DataTypeEnums, ConditionEnums } from '../../types/enums.js';
+import { useDisplayCategory } from './hooks/useDisplayCategory.js';
+import { useFilterConditions } from './hooks/useFilterConditions.js';
+import { conditionOptions } from './helpers/options.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "searchConditionByApi_wrapper" };
+const _hoisted_2 = { class: "inner-content" };
+const _hoisted_3 = { class: "item-name" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "\u7B5B\u9009\u5206\u7C7B\u540D\u79F0\uFF1A", -1);
+const _hoisted_5 = { class: "parent-names" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, "\u7236\u7C7B\u540D\u79F0\uFF1A", -1);
+const _hoisted_7 = ["onDblclick", "onClick"];
+const _hoisted_8 = {
+  key: 0,
+  class: "s-content"
+};
+const _hoisted_9 = { class: "item-name" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "label" }, " \u8FC7\u6EE4\u6761\u4EF6\uFF1A ", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "\u6DFB\u52A0", -1);
+const _hoisted_12 = { class: "item-list" };
+const _hoisted_13 = { class: "index-span" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    actionList_prop: {
+      type: Object,
+      default: () => ({})
+    },
+    conditionList: {
+      type: Array,
+      default: () => []
+    },
+    tableId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "saveAdd",
+    "cancelSaveAdd"
+  ],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const $attrs = useAttrs();
+    const FormState = reactive({
+      className: "",
+      displayCategory: "",
+      filterConditions: []
+    });
+    const loading = ref(false);
+    const {
+      State: DisplayCategoryState,
+      isEnableAddDisplayCategory,
+      editDisplayCategory,
+      handleDisplayCategorySelect,
+      handleDisplayCategoryRemove,
+      handleDisplayCategoryAdd,
+      handlerBlur,
+      initDisplayCategories
+    } = useDisplayCategory(toRef(FormState, "displayCategory"), { conditionList: props.conditionList });
+    const {
+      State: FilterConditionsState,
+      paramOptions,
+      addFilterCondition,
+      delFilterCondition,
+      updateKey,
+      updateCondition,
+      getParamCfg,
+      initFilterConditions,
+      getRawFilterConditions
+    } = useFilterConditions(toRef(FormState, "filterConditions"), DataTypeEnums.API);
+    function findConditionByDisplayCategory(displayCategory) {
+      return props == null ? void 0 : props.conditionList.find((item) => item.displayCategory === displayCategory);
+    }
+    function handleDisplayCategorySelectProxy(item) {
+      handleDisplayCategorySelect(item);
+    }
+    function clearFormData() {
+      FormState.className = "";
+      FormState.displayCategory = "";
+      FormState.filterConditions = [];
+    }
+    async function handleInitConditions() {
+      var _a;
+      try {
+        clearFormData();
+        loading.value = true;
+        initDisplayCategories($attrs.displayCategoryList, props.actionList_prop.displayCategory);
+        if (props.actionList_prop) {
+          FormState.className = props.actionList_prop.name;
+          await initFilterConditions(props.tableId, (_a = props.actionList_prop.conObj) != null ? _a : []);
+        }
+      } finally {
+        loading.value = false;
+      }
+    }
+    function validate() {
+      return new Promise((resolve) => {
+        if (!FormState.className) {
+          $message.warning("\u8BF7\u8F93\u5165\u5206\u7C7B\u540D\u79F0");
+          return;
+        }
+        if (FormState.filterConditions.length === 0) {
+          $message.warning("\u8BF7\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u6761\u4EF6");
+          return;
+        }
+        const isEmpty = FormState.filterConditions.some(({ key, condition, value, presetVal }) => {
+          return !key || !condition || condition === ConditionEnums.EQUAL && !value && !presetVal;
+        });
+        if (isEmpty) {
+          $message.warning("\u8BF7\u8865\u5145\u5B8C\u6574\u6761\u4EF6\u5185\u5BB9");
+          return;
+        }
+        resolve(true);
+      });
+    }
+    function saveAdd() {
+      validate().then(() => {
+        let conditionCfg;
+        if (props.actionList_prop.from === "edit") {
+          conditionCfg = findConditionByDisplayCategory(props.actionList_prop.displayCategory);
+        }
+        const setting = {
+          displayCategory: FormState.displayCategory,
+          name: FormState.className,
+          conObj: getRawFilterConditions()
+        };
+        const params = {
+          id: conditionCfg ? conditionCfg.sid : "",
+          tableId: props.tableId,
+          setting: JSON.stringify(setting)
+        };
+        emit("saveAdd", params, false);
+      });
+    }
+    function cancelSaveAdd() {
+      clearFormData();
+      emit("cancelSaveAdd");
+    }
+    expose({
+      handleInitConditions,
+      saveAdd,
+      cancelSaveAdd
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(NSpin), { show: loading.value }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                createVNode(unref(NInput), {
+                  value: FormState.className,
+                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => FormState.className = $event),
+                  placeholder: "\u8BF7\u8F93\u5165\u5206\u7C7B\u540D\u79F0",
+                  style: { "width": "250px" },
+                  maxlength: "10"
+                }, null, 8, ["value"])
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                _hoisted_6,
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(DisplayCategoryState).displayCategories, (item, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: normalizeClass(["edit-tag", {
+                      "edit-tag-select": item.value === FormState.displayCategory && item.disabled
+                    }]),
+                    key: index,
+                    onDblclick: (e) => unref(editDisplayCategory)(e, item),
+                    onClick: ($event) => handleDisplayCategorySelectProxy(item)
+                  }, [
+                    item.disabled ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                      createElementVNode("span", null, toDisplayString(item.value), 1)
+                    ])) : (openBlock(), createBlock(unref(NInput), {
+                      key: 1,
+                      style: { "width": "100px" },
+                      disabled: item.disabled,
+                      onBlur: () => item.disabled = true,
+                      value: item.value,
+                      "onUpdate:value": ($event) => item.value = $event,
+                      maxlength: 10
+                    }, null, 8, ["disabled", "onBlur", "value", "onUpdate:value"])),
+                    createVNode(unref(NIcon), {
+                      component: unref(CloseOutline),
+                      class: "anticon-close",
+                      size: "20",
+                      onClick: ($event) => unref(handleDisplayCategoryRemove)(index, item)
+                    }, null, 8, ["component", "onClick"])
+                  ], 42, _hoisted_7);
+                }), 128)),
+                unref(isEnableAddDisplayCategory) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  withDirectives(createVNode(unref(NButton), {
+                    class: "ant-btn",
+                    icon: "plus",
+                    dashed: "",
+                    onClick: unref(handleDisplayCategoryAdd)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NIcon), {
+                        component: unref(AddOutline),
+                        size: "20"
+                      }, null, 8, ["component"]),
+                      createTextVNode(" " + toDisplayString("\u6DFB\u52A0\u7236\u7C7B"))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]), [
+                    [vShow, !unref(DisplayCategoryState).showAdd]
+                  ]),
+                  withDirectives(createVNode(unref(NInput), {
+                    class: "edit-tag",
+                    value: unref(DisplayCategoryState).addDisplayCategory,
+                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(DisplayCategoryState).addDisplayCategory = $event),
+                    valueModifiers: { trim: true },
+                    style: { "width": "100px" },
+                    onBlur: unref(handlerBlur),
+                    maxLength: 10
+                  }, null, 8, ["value", "onBlur"]), [
+                    [vShow, unref(DisplayCategoryState).showAdd]
+                  ])
+                ], 64)) : createCommentVNode("v-if", true)
+              ]),
+              createElementVNode("div", _hoisted_9, [
+                _hoisted_10,
+                createElementVNode("span", {
+                  class: "addAction",
+                  onClick: _cache[2] || (_cache[2] = (...args) => unref(addFilterCondition) && unref(addFilterCondition)(...args)),
+                  style: { "cursor": "pointer" }
+                }, [
+                  createVNode(unref(NIcon), {
+                    component: unref(AddCircleSharp),
+                    class: "blue",
+                    size: "18"
+                  }, null, 8, ["component"]),
+                  _hoisted_11
+                ])
+              ]),
+              createElementVNode("ul", _hoisted_12, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(FormState.filterConditions, (item, index) => {
+                  return openBlock(), createElementBlock("li", { key: index }, [
+                    createElementVNode("span", _hoisted_13, toDisplayString(index + 1) + "\xA0\xA0\xA0", 1),
+                    createCommentVNode(" \u9009\u62E9 field_key "),
+                    createVNode(unref(NSelect), {
+                      class: "form-item",
+                      placeholder: "\u8BF7\u9009\u62E9",
+                      value: item.key,
+                      filterable: "",
+                      options: unref(paramOptions),
+                      "onUpdate:value": ($event) => unref(updateKey)(index, $event)
+                    }, null, 8, ["value", "options", "onUpdate:value"]),
+                    createCommentVNode(" \u9009\u62E9 \u5173\u7CFB "),
+                    item.key ? (openBlock(), createBlock(unref(NSelect), {
+                      key: 0,
+                      class: "form-item",
+                      placeholder: "\u8BF7\u9009\u62E9",
+                      value: item.condition,
+                      filterable: "",
+                      options: unref(conditionOptions),
+                      "onUpdate:value": ($event) => unref(updateCondition)(index, $event)
+                    }, null, 8, ["value", "options", "onUpdate:value"])) : createCommentVNode("v-if", true),
+                    createCommentVNode(" \u81EA\u5B9A\u4E49 "),
+                    item.key && item.condition && item.condition !== unref(ConditionEnums).NULL ? (openBlock(), createBlock(ValueCfg, {
+                      key: 1,
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      presetVal: item.presetVal,
+                      "onUpdate:presetVal": ($event) => item.presetVal = $event,
+                      "param-cfg": unref(getParamCfg)(item.key)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "presetVal", "onUpdate:presetVal", "param-cfg"])) : createCommentVNode("v-if", true),
+                    createVNode(unref(NTooltip), {
+                      title: "\u5220\u9664",
+                      trigger: "hover"
+                    }, {
+                      trigger: withCtx(() => [
+                        createVNode(unref(script), {
+                          onClick: ($event) => unref(delFilterCondition)(index),
+                          "class-name": "svg-icon-btn is-danger form-action",
+                          "icon-class": "xitongtubiaoliebiaocaozuoanniushanchushixin"
+                        }, null, 8, ["onClick"])
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" \u5220\u9664 ")
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]);
+                }), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ]);
+    };
+  }
+});
+var SearchConditionByApi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { SearchConditionByApi as default };

package/es/components/table-filter/src/components/multi-select/multi-select.vue.d.ts

@@ -0,0 +1,113 @@
+import { PropType } from 'vue';
+import { ISearchType } from '../../../../../../es/components/table-filter/src/types';
+declare const _default: 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;
+}>;
+export default _default;

package/es/components/table-filter/src/components/multi-select/multi-select.vue.js

@@ -0,0 +1,153 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createBlock, unref, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
+import { NSelect } from 'naive-ui';
+import 'xe-utils';
+import 'moment';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "multi-select",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    maxTagPlaceholder: {
+      type: Function,
+      default: () => ({})
+    },
+    outFilterChange: {
+      type: Function,
+      default: () => ({})
+    },
+    handleWordBookSearch: {
+      type: Function,
+      default: () => ({})
+    },
+    dropdownVisibleChange: {
+      type: Function,
+      default: () => ({})
+    },
+    source: {
+      type: String,
+      default: ""
+    },
+    fetchingWordbook: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const quickInputSelect = ref(null);
+    let handleMaxTagCount = computed(() => {
+      return function(item) {
+        let len = props.maxTagPlaceholder(item);
+        if (len <= 1)
+          return 1;
+        return 0;
+      };
+    });
+    computed(() => {
+      const { searchPageConfig } = props.item || {};
+      if (!searchPageConfig)
+        return true;
+      return searchPageConfig.page <= 1 && !searchPageConfig.hasNextPage;
+    });
+    let hasShowKeys = computed(() => {
+      var _a, _b, _c;
+      let showKeys = ((_c = (_b = (_a = props == null ? void 0 : props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.wordbook) == null ? void 0 : _c.showKeys) || [];
+      return showKeys.length > 0;
+    });
+    let showRemoveIcon = computed(() => {
+      var _a;
+      let v = props.item.value;
+      let f = 1 == ((_a = props == null ? void 0 : props.item) == null ? void 0 : _a.filterExplicit);
+      if (Array.isArray(v) && f) {
+        let l = v.length;
+        if (props.item.explicitRequired == 1) {
+          return l > 1;
+        }
+      }
+      return true;
+    });
+    let mode = computed(() => {
+      var _a;
+      return String((_a = props == null ? void 0 : props.item) == null ? void 0 : _a.advanceOptionSetting) === "0";
+    });
+    let renderList = computed(() => {
+      var _a, _b;
+      if (props.item.comType == "SelectMuiWordBook") {
+        return props.item.dataSource.map((sea, k) => {
+          const labelVal = props.item.hasFieldList && sea.showKeys ? sea.showKeys.split("<&=&>").join(" ") : sea._show_title || sea.showKeys || sea.myName;
+          return {
+            ...sea,
+            value: sea.myName,
+            label: labelVal,
+            disabled: k === 0 && hasShowKeys.value && props.item.hasFieldList || !showRemoveIcon.value && props.item.value && props.item.value.includes(sea.myName)
+          };
+        });
+      }
+      return (_b = (_a = props.item) == null ? void 0 : _a.labelList) == null ? void 0 : _b.map((term, j) => {
+        return {
+          ...term,
+          value: j,
+          label: term.labelName || "",
+          disabled: !showRemoveIcon.value && props.item.value && props.item.value.includes(j)
+        };
+      });
+    });
+    onMounted(() => {
+      createSuffixIcon();
+    });
+    function createSuffixIcon() {
+      if (mode.value)
+        return;
+      let refDom = quickInputSelect.value;
+      if (!refDom)
+        return;
+      let selectDom = refDom.$el;
+      if (!selectDom)
+        return;
+      let pDom = selectDom.querySelector(".ant-select-selection--multiple");
+      let hasTag = pDom.querySelector(".quick-input-select-span");
+      if (!hasTag) {
+        let tag = document.createElement("span");
+        tag.className = "quick-input-select-span";
+        let icon = `<i aria-label="\u56FE\u6807: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i>`;
+        tag.innerHTML = icon;
+        pDom.appendChild(tag);
+      }
+    }
+    function handleChange() {
+      if (mode.value) {
+        props.outFilterChange();
+      }
+    }
+    return (_ctx, _cache) => {
+      return __props.item.com == "SelectMui" ? (openBlock(), createBlock(unref(NSelect), {
+        key: 0,
+        ref_key: "quickInputSelect",
+        ref: quickInputSelect,
+        class: normalizeClass(["quick-input-select", { "quick-input-select-mul": unref(handleMaxTagCount)(__props.item) > 0 }]),
+        multiple: !unref(mode),
+        placeholder: __props.item.placeholder || `\u8BF7\u9009\u62E9${__props.item.alias || __props.item.title}`,
+        style: normalizeStyle({ width: `${__props.item.advanceColWidth || 160}px` }),
+        maxTagCount: unref(handleMaxTagCount)(__props.item),
+        filterable: "",
+        value: __props.item.value,
+        "onUpdate:value": [
+          _cache[0] || (_cache[0] = ($event) => __props.item.value = $event),
+          handleChange
+        ],
+        onSearch: _cache[1] || (_cache[1] = ($event) => __props.handleWordBookSearch($event, __props.item)),
+        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => __props.dropdownVisibleChange($event, __props.item)),
+        clearable: __props.item.explicitRequired != 1,
+        options: unref(renderList)
+      }, null, 8, ["class", "multiple", "placeholder", "style", "maxTagCount", "value", "clearable", "options"])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var multiSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "multi-select.vue"]]);
+
+export { multiSelect as default };