cnhis-design-vue 3.0.2 → 3.0.5

package/es/field-set/index.js

@@ -0,0 +1,351 @@
+import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, renderSlot, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, pushScopeId, popScopeId, createTextVNode } from 'vue';
+import draggable from 'vuedraggable';
+import { NSpin, NCheckbox, NTooltip, NButton } from 'naive-ui';
+
+const KEY_COMPONENT_NAME = "C";
+
+function create(vm) {
+  vm.name = KEY_COMPONENT_NAME + (vm.name || "");
+  return vm;
+}
+
+const _withScopeId = (n) => (pushScopeId("data-v-726261b7"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "fields-set-content" };
+const _hoisted_2 = { class: "fields-table" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
+    class: "width-show",
+    style: { "width": "4%" }
+}, null, -1));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "width-large" }, "\u6240\u6709\u5B57\u6BB5", -1));
+const _hoisted_5 = { class: "width-show" };
+const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u663E\u793A ");
+const _hoisted_7 = { class: "width-show" };
+const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u6392\u5E8F ");
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u56FA\u5B9A", -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "width-word" }, "\u81EA\u5B9A\u4E49\u6807\u9898", -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u5217\u5BBD", -1));
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "width-show drag-icon-wrap" };
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
+    class: "iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",
+    style: { "color": "#000" }
+}, null, -1));
+const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "\u62D6\u62FD\u8C03\u6574\u987A\u5E8F", -1));
+const _hoisted_16 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "width": "14px", "margin-right": "6px" } }, null, -1));
+const _hoisted_17 = { class: "width-show" };
+const _hoisted_18 = { class: "width-show" };
+const _hoisted_19 = { class: "width-showed" };
+const _hoisted_20 = ["onUpdate:modelValue"];
+const _hoisted_21 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("option", { value: 0 }, "\u4E0D\u56FA\u5B9A", -1));
+const _hoisted_22 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("option", { value: 1 }, "\u5DE6\u56FA\u5B9A", -1));
+const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("option", { value: 2 }, "\u53F3\u56FA\u5B9A", -1));
+const _hoisted_24 = [
+    _hoisted_21,
+    _hoisted_22,
+    _hoisted_23
+];
+const _hoisted_25 = { class: "width-word" };
+const _hoisted_26 = ["onUpdate:modelValue"];
+const _hoisted_27 = { class: "width-showed" };
+const _hoisted_28 = ["onUpdate:modelValue"];
+const _hoisted_29 = {
+    key: 0,
+    class: "check-options"
+};
+const _hoisted_30 = { class: "btn-operate" };
+const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
+const __default__ = create({
+    name: "FieldSet"
+});
+var script = /* @__PURE__ */ defineComponent({
+    ...__default__,
+    props: {
+        fields: {
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+        menuSource: {
+            type: String,
+            default: ""
+        },
+        drawerDirection: {
+            type: String,
+            default: "right"
+        },
+        footerFlag: {
+            type: Boolean,
+            default: true
+        }
+    },
+    emits: ["onSave", "onClose"],
+    setup(__props, { emit }) {
+        const props = __props;
+        const settingView = ref(null);
+        const state = reactive({
+            spinning: false,
+            isCustomSearch: true,
+            clickItem: {},
+            fields: props.fields
+        });
+        onMounted(() => {
+            hideTab();
+        });
+        const leftStyle = (ele) => {
+            return {
+                background: state.clickItem.sid === ele.sid ? "#f2f2f2" : void 0
+            };
+        };
+        const isMiddleAndAdmin = computed(() => props.menuSource == "middle");
+        const showCheckBox = (key) => {
+            return state.fields.some((i) => Object.prototype.hasOwnProperty.call(i, key));
+        };
+        const hideTab = () => {
+            if (isMiddleAndAdmin.value)
+                return;
+            if (props.drawerDirection === "right") {
+                settingView.value?.style.setProperty("margin", "auto");
+            }
+            else {
+                settingView.value?.style.setProperty("margin", "auto");
+            }
+        };
+        const handleFieldSave = () => {
+            let tableFields = [];
+            if (state.fields.length > 0) {
+                state.fields.forEach((item, i) => {
+                    tableFields.push({
+                        id: item.sid,
+                        field: item.columnName,
+                        visible: item.isShow == 1,
+                        sequence: i,
+                        sortable: item.isSort == 1,
+                        title: item.alias || item.title,
+                        fixed: item.isFixed ? item.isFixed == 1 ? "left" : "right" : "",
+                        minWidth: item.colWidth
+                    });
+                });
+            }
+            console.log("tableFields", tableFields);
+            emit("onSave", { tableFields });
+        };
+        const onCancle = () => {
+            emit("onClose");
+        };
+        const onChangeShow = (e, ele) => {
+            if (e == true) {
+                ele.isShow = 1;
+            }
+            else {
+                ele.isShow = 0;
+            }
+        };
+        const onChangeSort = (e, ele) => {
+            if (e == true) {
+                ele.isSort = 1;
+            }
+            else {
+                ele.isSort = 0;
+            }
+        };
+        const calculateCheck = (key) => {
+            if (!state.fields.length)
+                return false;
+            return state.fields.every((i) => {
+                if (!Object.prototype.hasOwnProperty.call(i, key))
+                    return true;
+                return i[key];
+            });
+        };
+        const handleAllCheck = (e, key) => {
+            const value = e ? 1 : 0;
+            const data = state.fields.map((i) => {
+                if (Object.prototype.hasOwnProperty.call(i, key)) {
+                    i[key] = value;
+                }
+                return i;
+            });
+            state.fields = data;
+        };
+        const handleFieldClick = (item) => {
+            state.clickItem = item;
+        };
+        return (_ctx, _cache) => {
+            return openBlock(), createElementBlock("div", {
+                ref_key: "settingView",
+                ref: settingView,
+                class: "setting-view"
+            }, [
+                createVNode(unref(NSpin), {
+                    show: unref(state).spinning,
+                    tip: "...",
+                    style: { "width": "100%", "height": "100%" }
+                }, {
+                    default: withCtx(() => [
+                        createElementVNode("div", _hoisted_1, [
+                            createElementVNode("div", _hoisted_2, [
+                                createElementVNode("div", {
+                                    class: normalizeClass(["setting-title", { "seting-title-api": !unref(state).isCustomSearch }])
+                                }, [
+                                    _hoisted_3,
+                                    createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
+                                    _hoisted_4,
+                                    createCommentVNode(" \u663E\u793A "),
+                                    createElementVNode("span", _hoisted_5, [
+                                        showCheckBox("isShow") ? (openBlock(), createBlock(unref(NCheckbox), {
+                                            key: 0,
+                                            checked: calculateCheck("isShow"),
+                                            "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => handleAllCheck($event, "isShow"))
+                                        }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                                        _hoisted_6
+                                    ]),
+                                    createCommentVNode(" \u6392\u5E8F "),
+                                    createElementVNode("span", _hoisted_7, [
+                                        showCheckBox("isSort") ? (openBlock(), createBlock(unref(NCheckbox), {
+                                            key: 0,
+                                            checked: calculateCheck("isSort"),
+                                            "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => handleAllCheck($event, "isSort"))
+                                        }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                                        _hoisted_8
+                                    ]),
+                                    createCommentVNode(" \u56FA\u5B9A "),
+                                    _hoisted_9,
+                                    renderSlot(_ctx.$slots, "default", {}, () => [
+                                        createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                                        _hoisted_10
+                                    ]),
+                                    createCommentVNode(" \u5217\u5BBD "),
+                                    _hoisted_11
+                                ], 2),
+                                createElementVNode("div", {
+                                    ref: "setShow",
+                                    class: normalizeClass(["set-show", { "set-show-api": !unref(state).isCustomSearch }])
+                                }, [
+                                    createVNode(unref(draggable), {
+                                        list: unref(state).fields,
+                                        animation: "150",
+                                        "item-key": "sid",
+                                        tag: "ul"
+                                    }, {
+                                        item: withCtx(({ element }) => [
+                                            createElementVNode("li", {
+                                                class: "left-style",
+                                                style: normalizeStyle(leftStyle(element)),
+                                                onClick: ($event) => handleFieldClick(element)
+                                            }, [
+                                                createElementVNode("span", _hoisted_13, [
+                                                    createVNode(unref(NTooltip), { trigger: "hover" }, {
+                                                        trigger: withCtx(() => [
+                                                            _hoisted_14
+                                                        ]),
+                                                        default: withCtx(() => [
+                                                            _hoisted_15
+                                                        ]),
+                                                        _: 1
+                                                    })
+                                                ]),
+                                                createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
+                                                createElementVNode("span", {
+                                                    class: normalizeClass(["width-large title-item", { blue: element.extraField }])
+                                                }, [
+                                                    _hoisted_16,
+                                                    createElementVNode("span", null, toDisplayString(element.title), 1)
+                                                ], 2),
+                                                createCommentVNode(" \u663E\u793A "),
+                                                createElementVNode("span", _hoisted_17, [
+                                                    withDirectives(createVNode(unref(NCheckbox), {
+                                                        "default-checked": element.isShow == "1",
+                                                        checked: element.isShow == "1" ? true : false,
+                                                        "onUpdate:checked": ($event) => onChangeShow($event, element)
+                                                    }, null, 8, ["default-checked", "checked", "onUpdate:checked"]), [
+                                                        [vShow, element.sid != "0001"]
+                                                    ])
+                                                ]),
+                                                createCommentVNode(" \u6392\u5E8F "),
+                                                createElementVNode("span", _hoisted_18, [
+                                                    withDirectives(createVNode(unref(NCheckbox), {
+                                                        "default-checked": element.isSort == "1",
+                                                        disabled: element.notParticipatingSort == 1,
+                                                        checked: !!element.isSort,
+                                                        "onUpdate:checked": ($event) => onChangeSort($event, element)
+                                                    }, null, 8, ["default-checked", "disabled", "checked", "onUpdate:checked"]), [
+                                                        [vShow, element.sid != "0001"]
+                                                    ])
+                                                ]),
+                                                createCommentVNode(" \u56FA\u5B9A "),
+                                                createElementVNode("span", _hoisted_19, [
+                                                    withDirectives(createElementVNode("select", {
+                                                        "onUpdate:modelValue": ($event) => element.isFixed = $event,
+                                                        class: "is-sort-style"
+                                                    }, _hoisted_24, 8, _hoisted_20), [
+                                                        [vModelSelect, element.isFixed]
+                                                    ])
+                                                ]),
+                                                renderSlot(_ctx.$slots, "default", {}, () => [
+                                                    createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                                                    createElementVNode("span", _hoisted_25, [
+                                                        withDirectives(createElementVNode("input", {
+                                                            "onUpdate:modelValue": ($event) => element.alias = $event,
+                                                            class: "alias-style"
+                                                        }, null, 8, _hoisted_26), [
+                                                            [vShow, element.sid != "0001"],
+                                                            [vModelText, element.alias]
+                                                        ])
+                                                    ])
+                                                ]),
+                                                createCommentVNode(" \u5217\u5BBD "),
+                                                createElementVNode("span", _hoisted_27, [
+                                                    withDirectives(createElementVNode("input", {
+                                                        "onUpdate:modelValue": ($event) => element.colWidth = $event,
+                                                        class: "alias-style col-width-style"
+                                                    }, null, 8, _hoisted_28), [
+                                                        [vModelText, element.colWidth]
+                                                    ])
+                                                ])
+                                            ], 12, _hoisted_12)
+                                        ]),
+                                        _: 3
+                                    }, 8, ["list"])
+                                ], 2)
+                            ]),
+                            props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                                createElementVNode("div", _hoisted_30, [
+                                    createVNode(unref(NButton), {
+                                        style: { "margin-right": "8px" },
+                                        onClick: onCancle
+                                    }, {
+                                        default: withCtx(() => [
+                                            _hoisted_31
+                                        ]),
+                                        _: 1
+                                    }),
+                                    createVNode(unref(NButton), {
+                                        type: "primary",
+                                        onClick: handleFieldSave
+                                    }, {
+                                        default: withCtx(() => [
+                                            _hoisted_32
+                                        ]),
+                                        _: 1
+                                    })
+                                ])
+                            ])) : createCommentVNode("v-if", true)
+                        ])
+                    ]),
+                    _: 3
+                }, 8, ["show"])
+            ], 512);
+        };
+    }
+});
+
+script.__scopeId = "data-v-726261b7";
+script.__file = "packages/field-set/src/FieldSet.vue";
+
+script.install = function (app) {
+    app.component(script.name, script);
+};
+
+export { script as default };