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

package/es/components/table-filter/src/components/search-modal/set-classification.vue.js

@@ -0,0 +1,241 @@
+import { defineComponent, ref, useAttrs, computed, watch, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, createTextVNode, renderSlot, createCommentVNode } from 'vue';
+import { useMessage, NButton } from 'naive-ui';
+import TableModal from '../table-modal/TableModal.vue.js';
+import SearchFilter from '../search-filter/SearchFilter.vue.js';
+import useMixins from '../../hooks/useMixins.js';
+import { DataTypeEnums } from '../../types/enums.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "search" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "set-classification",
+  props: {
+    searchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    conditionList: {
+      type: Array,
+      default: () => []
+    },
+    settingId: String,
+    searchDefName: {
+      type: String,
+      default: "\u5168\u90E8\u6570\u636E"
+    },
+    filterApiConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    classifyModal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "changeSearch",
+    "CondiTionListInit",
+    "saveGetTableCondiTionList",
+    "setClassifyModal"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const { handleGetConfigApi } = useMixins();
+    let conditionList = ref(props.conditionList);
+    let checkedItem = ref();
+    let searchName = ref("\u5168\u90E8\u6570\u636E");
+    let addVisible = ref(false);
+    let actionList_prop = ref({});
+    let newSearchFieldList = ref([]);
+    let saveLoading = ref(false);
+    const searchFilter = ref(null);
+    const attrs = useAttrs();
+    async function oneSave(value) {
+      try {
+        let params = Object.assign(value, {
+          id: props.settingId,
+          tableId: attrs.tableId
+        });
+        let res = await handleGetConfigApi(params, "requestSaveTableCondiTionSetting", {}, props.filterApiConfig);
+        if (res) {
+          emit("CondiTionListInit");
+          setOneVisible(false);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    function oneCancel() {
+      setOneVisible(false);
+      conditionList.value.forEach((item) => {
+        item.checked = false;
+      });
+    }
+    function hanleAdd() {
+      addVisible.value = true;
+    }
+    function edit(item, name) {
+      addVisible.value = true;
+      actionList_prop.value = Object.assign(item, { from: "edit" });
+    }
+    function copy(item, name) {
+      addVisible.value = true;
+      actionList_prop.value = Object.assign(item, { from: "copy" });
+    }
+    async function saveAdd(params) {
+      try {
+        Object.assign(params, {
+          tableId: attrs.tableId,
+          conditionList: JSON.stringify(conditionList.value)
+        });
+        saveLoading.value = true;
+        let res = await handleGetConfigApi(params, "requestSaveTableCondiTion", {}, props.filterApiConfig);
+        if (!res)
+          return;
+        if (searchFilter) {
+          searchFilter.value.cancelSaveAdd();
+        }
+        emit("saveGetTableCondiTionList");
+        addVisible.value = false;
+      } catch (error) {
+        console.log(error);
+      } finally {
+        saveLoading.value = false;
+      }
+    }
+    function cancelSaveAdd() {
+      addVisible.value = false;
+      actionList_prop.value = {};
+    }
+    function changeData(data, checkedItemVal) {
+      conditionList.value = data;
+      checkedItem.value = checkedItemVal;
+    }
+    async function delItem(checkedItemVal, name) {
+      if (!checkedItemVal) {
+        $message.info("\u8BF7\u9009\u62E9\u884C");
+        return;
+      }
+      try {
+        let params = { id: checkedItemVal.sid };
+        let res = await handleGetConfigApi(params, "requestDeleteTableCondiTion", {}, props.filterApiConfig);
+        if (!res)
+          return;
+        $message.success("\u5220\u9664\u6210\u529F");
+        emit("saveGetTableCondiTionList", {
+          type: "delete",
+          item: checkedItemVal
+        });
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    function setOneVisible(flag) {
+      emit("setClassifyModal", flag);
+    }
+    async function resetPopconfirm() {
+      try {
+        let params = {
+          id: props.settingId,
+          tableId: attrs.tableId,
+          type: "SEARCH_CATEGORY"
+        };
+        let res = await handleGetConfigApi(params, "requestResetDefaultSetting", {}, props.filterApiConfig);
+        if (res) {
+          emit("CondiTionListInit");
+          setOneVisible(false);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    let oneVisible = computed(() => props.classifyModal);
+    watch(
+      () => props.searchDefName,
+      () => {
+        searchName.value = props.searchDefName || "\u5168\u90E8\u6570\u636E";
+      }
+    );
+    watch(
+      () => attrs.searchKey,
+      () => {
+        attrs.selectKeys = [attrs.searchKey || "all"];
+      }
+    );
+    watch(
+      () => props.searchFieldList,
+      (val) => {
+        if (val && val.length > 0) {
+          newSearchFieldList.value = val.filter((item) => item.columnName !== "operatorColumn");
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    watch(
+      () => addVisible,
+      (val) => {
+        if (!val)
+          actionList_prop.value = {};
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(TableModal, mergeProps({
+          dataSource: unref(conditionList),
+          visibleIn: unref(oneVisible)
+        }, _ctx.$attrs, {
+          onHandleOk: oneSave,
+          onClose: oneCancel,
+          onChangeData: changeData,
+          onResetPopconfirm: resetPopconfirm,
+          edit,
+          copy,
+          delItem,
+          type: "search",
+          filterApiConfig: __props.filterApiConfig
+        }), {
+          add: withCtx(() => [
+            createVNode(unref(NButton), {
+              type: "info",
+              onClick: hanleAdd
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u65B0\u589E")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16, ["dataSource", "visibleIn", "filterApiConfig"]),
+        renderSlot(_ctx.$slots, "searchCondition", {
+          attrs: { ..._ctx.$attrs, visible: unref(addVisible), loading: unref(saveLoading), conditionList: unref(conditionList), actionList_prop: unref(actionList_prop), searchFieldList: __props.searchFieldList, isInSearch: true, isCnHis: true, showCompareField: true, filterApiConfig: __props.filterApiConfig, saveAdd, cancelSaveAdd },
+          ref_key: "searchFilter",
+          ref: searchFilter
+        }, () => [
+          createCommentVNode(" \u5148\u9ED8\u8BA4\u8BBE\u7F6EdataType\u4E3Aapi\u7B5B\u9009\uFF0C\u540E\u671F\u8981\u517C\u5BB9sql\u7B5B\u9009\u518D\u52A8\u6001\u67E5\u8BE2 "),
+          createVNode(SearchFilter, mergeProps({
+            ref_key: "searchFilter",
+            ref: searchFilter
+          }, _ctx.$attrs, {
+            visible: unref(addVisible),
+            loading: unref(saveLoading),
+            conditionList: unref(conditionList),
+            actionList_prop: unref(actionList_prop),
+            searchFieldList: unref(newSearchFieldList),
+            isInSearch: true,
+            isCnHis: true,
+            showCompareField: true,
+            filterApiConfig: __props.filterApiConfig,
+            tableDataType: unref(DataTypeEnums).API,
+            onSaveAdd: saveAdd,
+            onCancelSaveAdd: cancelSaveAdd
+          }), null, 16, ["visible", "loading", "conditionList", "actionList_prop", "searchFieldList", "filterApiConfig", "tableDataType"])
+        ])
+      ]);
+    };
+  }
+});
+var setClassification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "set-classification.vue"]]);
+
+export { setClassification as default };

package/es/components/table-filter/src/components/table-modal/TableModal.vue.d.ts

@@ -0,0 +1,292 @@
+import { IClassifyListType } from '../../../../../../es/components/table-filter/src/types';
+declare const _default: import("vue").DefineComponent<{
+    visibleIn: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    confirm: {
+        type: FunctionConstructor;
+    };
+    edit: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    copy: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    delItem: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    dataSource: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+    };
+    transitionName: {
+        type: StringConstructor;
+    };
+    getContainer: {
+        type: FunctionConstructor;
+        default: () => HTMLElement;
+    };
+}, {
+    instance: import("axios").AxiosInstance;
+    attrs: {
+        [x: string]: unknown;
+    };
+    $message: import("naive-ui").MessageApi;
+    $dialog: import("naive-ui").DialogApi;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        visibleIn: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+        confirm: {
+            type: FunctionConstructor;
+        };
+        edit: {
+            type: FunctionConstructor;
+            defdault: () => void;
+        };
+        copy: {
+            type: FunctionConstructor;
+            defdault: () => void;
+        };
+        delItem: {
+            type: FunctionConstructor;
+            defdault: () => void;
+        };
+        dataSource: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        type: {
+            type: StringConstructor;
+        };
+        transitionName: {
+            type: StringConstructor;
+        };
+        getContainer: {
+            type: FunctionConstructor;
+            default: () => HTMLElement;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+        onHandleOk?: ((...args: any[]) => any) | undefined;
+        onChangeData?: ((...args: any[]) => any) | undefined;
+        onResetPopconfirm?: ((...args: any[]) => any) | undefined;
+        onFinishSubmit?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "close" | "handleOk" | "changeData" | "resetPopconfirm" | "finishSubmit", ...args: any[]) => void;
+    isAdmin: import("vue").ComputedRef<unknown>;
+    homeList: any;
+    visible: import("vue").Ref<boolean>;
+    isChangeWindow: import("vue").Ref<boolean>;
+    modalWidth: import("vue").Ref<string>;
+    modalHeight: import("vue").Ref<string>;
+    isShowResetButton: import("vue").Ref<boolean>;
+    handleOk: () => void;
+    rinkTo: () => void;
+    close: () => void;
+    resetChangeWindow: () => void;
+    dragEnd: () => void;
+    clickli: (item: IClassifyListType) => void;
+    clickChecked: (item: IClassifyListType, name: string) => void;
+    changeSwitch: (item: IClassifyListType, name: string) => void;
+    changecommonSwitch: (item: IClassifyListType) => void;
+    formatParams: (type: string) => {
+        id: string;
+        tableId: string;
+        setting: string;
+        type?: undefined;
+    } | {
+        type: string;
+        tableId: string;
+        setting: string;
+        id?: undefined;
+    } | undefined;
+    changeModalWindow: () => void;
+    popconfirm: (e: any) => void;
+    handleOperationItem: (option: string, item: IClassifyListType, name?: string) => void;
+    NModal: any;
+    NCard: any;
+    NIcon: any;
+    NButton: any;
+    NTooltip: any;
+    NSwitch: any;
+    NPopconfirm: any;
+    DocumentOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    Brush: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ReorderTwo: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    SvgIcon: import("vue").DefineComponent<{
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        className: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        props: {
+            iconClass: string;
+            title: string;
+            className?: string | undefined;
+        };
+        iconName: import("vue").ComputedRef<string>;
+        svgClass: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        className: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>>, {
+        title: string;
+        iconClass: string;
+    }>;
+    Draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        onDragEnd(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "handleOk" | "changeData" | "resetPopconfirm" | "finishSubmit")[], "close" | "handleOk" | "changeData" | "resetPopconfirm" | "finishSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visibleIn: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    confirm: {
+        type: FunctionConstructor;
+    };
+    edit: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    copy: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    delItem: {
+        type: FunctionConstructor;
+        defdault: () => void;
+    };
+    dataSource: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+    };
+    transitionName: {
+        type: StringConstructor;
+    };
+    getContainer: {
+        type: FunctionConstructor;
+        default: () => HTMLElement;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onHandleOk?: ((...args: any[]) => any) | undefined;
+    onChangeData?: ((...args: any[]) => any) | undefined;
+    onResetPopconfirm?: ((...args: any[]) => any) | undefined;
+    onFinishSubmit?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean;
+    dataSource: unknown[];
+    visibleIn: boolean;
+    getContainer: Function;
+}>;
+export default _default;