cnhis-design-vue 3.1.0 → 3.1.3

package/es/field-set/index.js

@@ -1,351 +0,0 @@
-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 };