cnhis-design-vue 3.0.8 → 3.1.1

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.1.1](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.1.0...v3.1.1) (2022-06-01)
+
+
+### Features
+
+* 表格编辑调接口下拉框支持关键字搜索 ([93157a8](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/93157a8e6cfca91f7f146c61ba7986eaa2716d0f))
+* 表格编辑默认状态设置、校验规则可配置 ([e9618a5](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/e9618a57b9c26dc1a354650bf631eadb91cd0552))
+
+
+### Bug Fixes
+
+* 打印组件选择格式后下拉菜单未收起，也没有选定的格式样式标识 ([f64f656](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/f64f656dc87c0efef1fea114a57fdc94c179b4b6))
+* big-table初始化会强制默认选中所有行 ([55eadeb](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/55eadebe653f366d4fa27d5d82cfef6347d7f322))
+
+## [3.1.0](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.9...v3.1.0) (2022-05-31)
+
+
+### Features
+
+* 打印格式选择 ([56180bf](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/56180bfde66108455c7ed15870c257c46a88c834))
+* 下拉加映射配置 ([0ea094b](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/0ea094be74e155b2cf37b52df149694118ecf876))
+
+
+### Bug Fixes
+
+* 解决冲突 ([0ee5bc1](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/0ee5bc10e02148e208eb4da481590d2da9be536c))
+
+### [3.0.9](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.8...v3.0.9) (2022-05-30)
+
+
+### Bug Fixes
+
+* 不传scrollConfig报错； ([8897413](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/88974131e5eed48f39ebe2955830062b6976f8ec))
+
 ### [3.0.8](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.7...v3.0.8) (2022-05-27)
 
 

package/es/big-table/index.js

@@ -13323,21 +13323,34 @@ var script$5 = defineComponent({
     emits: ["setOptions", "formChange"],
     setup(props, { attrs, slots, emit }) {
         const state = reactive({
-            options: []
+            options: [],
+            loading: false,
+            keyword: "",
+            config: {}
         });
         const setOptions = async () => {
             if (props.col.options) {
                 state.options = JSON.parse(JSON.stringify(props.col.options));
             }
             else {
-                const optionsName = `${props.col.columnName}_options`;
-                state.options = props.row[optionsName] || await props.col.queryOptions();
-                if (!props.row[optionsName]) {
-                    emit("setOptions", state.options);
-                }
+                `${props.col.columnName}_options`;
+                const obj = {
+                    keyword: state.keyword,
+                    row: props.row,
+                    column: props.col,
+                    index: props.index
+                };
+                state.options = await props.col.queryOptions(obj);
+                state.loading = false;
+                emit("setOptions", state.options);
             }
         };
-        setOptions();
+        let selectSearch = (value) => {
+            state.keyword = value;
+            state.loading = true;
+            setOptions();
+        };
+        selectSearch = xeUtils.debounce(selectSearch, 800);
         const onUpdateValue = (value) => {
             emit("formChange", {
                 value,
@@ -13346,13 +13359,25 @@ var script$5 = defineComponent({
                 index: props.index
             });
         };
-        return () => [createVNode(NSelect, mergeProps(attrs, {
+        const init = () => {
+            if (props.col.options) {
+                setOptions();
+            }
+            else {
+                state.config.remote = true;
+                state.config.onSearch = selectSearch;
+                selectSearch("");
+            }
+        };
+        init();
+        return () => [createVNode(NSelect, mergeProps(attrs, state.config, {
                 "options": state.options,
                 "consistentMenuWidth": false,
                 "clearable": true,
                 "filterable": true,
                 "to": false,
                 "placeholder": "\u8BF7\u9009\u62E9",
+                "loading": state.loading,
                 "onUpdateValue": onUpdateValue
             }), null)];
     }
@@ -13390,13 +13415,47 @@ var script$4 = defineComponent({
                 index: props.index
             });
         };
+        const { isStartDate = false, isEndDate = false, connectField } = props.col;
+        const setDateDisabled = (cur, date) => {
+            if (isStartDate && connectField) {
+                return cur > date;
+            }
+            if (isEndDate && connectField) {
+                return cur < date;
+            }
+            return false;
+        };
+        const isDateDisabled = (ts) => {
+            return setDateDisabled(ts, new Date(props.row[connectField]).getTime());
+        };
+        const isTimeDisabled = (ts) => {
+            const date = new Date(props.row[connectField] || ts);
+            const h = date.getHours();
+            const m = date.getMinutes();
+            const s = date.getSeconds();
+            return {
+                isHourDisabled: (hour) => {
+                    return setDateDisabled(hour, h);
+                },
+                isMinuteDisabled: (minute) => {
+                    return setDateDisabled(minute, m);
+                },
+                isSecondDisabled: (second) => {
+                    return setDateDisabled(second, s);
+                }
+            };
+        };
         const config = {
             type: props.col.type || "datetime",
             clearable: props.col.clearable || true,
             disabled: props.col.disabled || false,
             valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
-            to: false
+            to: false,
+            isDateDisabled: props.col.isDateDisabled || isDateDisabled
         };
+        if (config.type.includes("time")) {
+            config.isTimeDisabled = props.col.isTimeDisabled || isTimeDisabled;
+        }
         return () => createVNode(NDatePicker, mergeProps(attrs, config, {
             "onUpdateFormattedValue": onConfirm
         }), null);
@@ -13466,13 +13525,33 @@ const useEdit = (props, state, emit, xGrid) => {
         await xGrid.value.insertAt(record, getInsertRecords.at(-1));
         xGrid.value.clearActived();
     };
+    const getLabel = (opts, value) => {
+        return opts.find((opt) => opt.value === value)?.label || "";
+    };
     const onFormChange = ({ value, row, column, index }) => {
-        row[column.columnName] = value;
-        emit("formChange", { value, row, column, index });
+        let oldValue = row[column.columnName];
+        if ((column?.formType === "input" || column?.formType === "number") && props.columnConfig?.formValidate) {
+            row[column.columnName] = props.columnConfig?.formValidate({ row, column, current: value, old: row[column.columnName] });
+        }
+        else if (column?.formatMap) {
+            oldValue = {
+                label: row[column.formatMap.label],
+                value: row[column.formatMap.value]
+            };
+            row[column.formatMap.label] = getLabel(row[column.columnName + "_options"] || [], value);
+            row[column.formatMap.value] = value;
+        }
+        else {
+            row[column.columnName] = value;
+        }
+        emit("formChange", { value, row, column, index, oldValue });
     };
     const getDefaultValue = (params, item) => {
         const value = params.row[item.columnName];
         if (item.formType === "select") {
+            if (item.formatMap) {
+                return params.row[item.formatMap.label];
+            }
             if (item.options) {
                 return item.options.find((v) => v.value == value)?.label || "";
             }
@@ -39686,7 +39765,7 @@ var script = /* @__PURE__ */ defineComponent({
                 return;
             let currentPageTableData = table.getTableData()?.tableData;
             let currentPageSelectedRows = currentPageTableData.filter((row) => {
-                return currentCheckedKeys.value.includes(row[props.primaryKey]);
+                return row[props.primaryKey] ? currentCheckedKeys.value.includes(row[props.primaryKey]) : false;
             });
             setCurrentCheckedLength();
             if (!currentPageSelectedRows || !currentPageSelectedRows.length) {
@@ -39807,6 +39886,9 @@ var script = /* @__PURE__ */ defineComponent({
                             if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
                                 return formatter(params, item);
                             }
+                            else if (isEdit && item.isEdit && item.checkEditStatus && item.checkEditStatus(params)) {
+                                return formatterEdit(params, item);
+                            }
                             else {
                                 return createVNode("span", null, [getDefaultValue(params, item)]);
                             }
@@ -39848,6 +39930,7 @@ var script = /* @__PURE__ */ defineComponent({
         const formatterEdit = (params, col) => {
             let { row, column, $rowIndex, rowIndex } = params;
             let formType = column.formType || col.formType || "";
+            let formatMap = column.formatMap || col.formatMap || null;
             if (!formType)
                 return null;
             if (formType === "custom") {
@@ -39866,6 +39949,9 @@ var script = /* @__PURE__ */ defineComponent({
             if (formType === "date") {
                 propsData.defaultFormattedValue = row[col.columnName];
             }
+            else if (formatMap) {
+                propsData.defaultValue = row[formatMap.value];
+            }
             else {
                 propsData.defaultValue = row[col.columnName];
             }
@@ -40756,7 +40842,7 @@ var script = /* @__PURE__ */ defineComponent({
             emit("scroll", params);
         };
         const initScroll = () => {
-            const { throttle = false, throttleTime = 800, throttleOptions = {} } = props.columnConfig?.scrollConfig;
+            const { throttle = false, throttleTime = 800, throttleOptions = {} } = props.columnConfig?.scrollConfig || {};
             if (throttle) {
                 scrollEvent = xeUtils.throttle(scrollEvent, throttleTime, throttleOptions);
             }
@@ -41553,6 +41639,7 @@ var script = /* @__PURE__ */ defineComponent({
                         iconClose: "iconfont icon-a-xitongtubiaotianjia"
                     },
                     "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
+                    "edit-rules": _ctx.columnConfig.editRules || {},
                     onCellDblclick: rowdblclick,
                     onCellClick: handlerClickRow,
                     onCheckboxChange: selectionChange,
@@ -41603,7 +41690,7 @@ var script = /* @__PURE__ */ defineComponent({
                             }
                         })]),
                     _: 3
-                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
                     class: "refresh",
                     onClick: hanldeClickRefresh
                 }, [createVNode(unref(NIcon), {

package/es/button-print/index.css

@@ -611,3 +611,7 @@ body > .vxe-table--tooltip-wrapper {
   margin-left: 8px;
   margin-bottom: 8px;
 }
+
+.rowFoldHideBtnList-dropdown .n-dropdown-menu-wrapper span.active {
+  color: #5585f5;
+}

package/es/button-print/index.js

@@ -7898,18 +7898,65 @@ const __default__ = create({
 var script = /* @__PURE__ */ defineComponent({
     ...__default__,
     props: {
-        btnText: { type: String, required: false, default: "\u6253\u5370" },
-        printText: { type: String, required: false, default: "\u76F4\u63A5\u6253\u5370" },
-        previewText: { type: String, required: false, default: "\u6253\u5370\u9884\u89C8" },
-        formatEditText: { type: String, required: false, default: "\u683C\u5F0F\u7F16\u8F91" },
-        identityVerificationTitle: { type: String, required: false, default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C" },
-        params: { type: Array, required: false, default: () => [] },
-        prevFn: { type: Function, required: false, default: () => Promise.resolve() },
-        verifyUser: { type: Function, required: false, default: () => Promise.resolve() },
-        queryPrintFormatByNumber: { type: Function, required: true, default: () => Promise.resolve({}) },
-        queryTemplateParams: { type: Function, required: false, default: () => Promise.resolve({}) },
-        strategy: { type: String, required: false, default: "MULTI" },
-        printParams: { type: Array, required: false }
+        btnText: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370"
+        },
+        printText: {
+            type: String,
+            required: false,
+            default: "\u76F4\u63A5\u6253\u5370"
+        },
+        previewText: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370\u9884\u89C8"
+        },
+        formatEditText: {
+            type: String,
+            required: false,
+            default: "\u683C\u5F0F\u7F16\u8F91"
+        },
+        identityVerificationTitle: {
+            type: String,
+            required: false,
+            default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C"
+        },
+        params: {
+            type: Array,
+            required: false,
+            default: () => []
+        },
+        prevFn: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve()
+        },
+        verifyUser: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve()
+        },
+        queryPrintFormatByNumber: {
+            type: Function,
+            required: true,
+            default: () => Promise.resolve({})
+        },
+        queryTemplateParams: {
+            type: Function,
+            required: false,
+            default: () => Promise.resolve({})
+        },
+        strategy: {
+            type: String,
+            required: false,
+            default: "MULTI"
+        },
+        printParams: {
+            type: Array,
+            required: false
+        }
     },
     emits: ["success", "error"],
     setup(__props, { emit }) {
@@ -7930,27 +7977,30 @@ var script = /* @__PURE__ */ defineComponent({
             watchPrintParamsReformatFn: null,
             spinTimer: null
         });
-        const options = reactive([
-            {
+        const options = reactive([{
                 label: props.printText,
                 key: "printText"
-            },
-            {
+            }, {
                 label: props.previewText,
                 key: "previewText"
-            },
-            {
+            }, {
                 label: props.formatEditText,
                 key: "formatEditText"
-            }
-        ]);
+            }]);
         const currentFormatItem = computed(() => {
             if (!state.currentFormatId)
                 return {};
             let id = state.currentFormatId;
             return state.formatList.find((item) => item.id === id);
         });
-        computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
+        const formatTitle = computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
+        const renderLabel = (option) => {
+            return createVNode("span", {
+                "class": {
+                    "active": option.key === state.currentFormatId
+                }
+            }, [option.label]);
+        };
         const getTemplateIdByFormatId = (id) => {
             let find = state.formatList.find((item) => item.id === id);
             return find.templateId;
@@ -8080,6 +8130,7 @@ var script = /* @__PURE__ */ defineComponent({
                     break;
                 default:
                     state.currentFormatId = key;
+                    state.visible = false;
                     break;
             }
         };
@@ -8107,6 +8158,19 @@ var script = /* @__PURE__ */ defineComponent({
             let findDefault = list.find((item) => item[key] == 1);
             return findDefault?.id || list[0].id;
         };
+        const setOptions = () => {
+            const children = state.formatList.map((v) => {
+                return {
+                    label: v.name,
+                    key: v.id
+                };
+            });
+            options.unshift({
+                label: formatTitle.value,
+                key: "format",
+                children
+            });
+        };
         const formatFormatList = (list) => {
             let formatList = [];
             list.forEach((item) => {
@@ -8172,6 +8236,7 @@ var script = /* @__PURE__ */ defineComponent({
             state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
             console.log("formatListResult", formatListResult);
             state.currentFormatId = getDefaultFormatId(state.formatList, "defaultFlag");
+            setOptions();
             if (!state.currentFormatId) {
                 window.$message.error("\u83B7\u53D6\u6253\u5370\u683C\u5F0F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
                 return requestError();
@@ -8239,48 +8304,51 @@ var script = /* @__PURE__ */ defineComponent({
             if (!val?.length)
                 return false;
             reformatPrintParams();
-        }, { deep: true });
+        }, {
+            deep: true
+        });
         return (_ctx, _cache) => {
-            return openBlock(), createElementBlock("span", { onClick: handleClickWrap }, [
-                createVNode(unref(NDropdown), {
+            return openBlock(), createElementBlock("span", {
+                onClick: handleClickWrap
+            }, [createVNode(unref(NDropdown), {
+                    class: "rowFoldHideBtnList-dropdown",
                     placement: "bottom-start",
                     show: unref(state).visible,
                     onClickoutside: handleClickOutside,
                     options: unref(options),
-                    onSelect: handleSelect
+                    onSelect: handleSelect,
+                    "render-label": renderLabel
                 }, {
-                    default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "button", {
+                    default: withCtx(() => [renderSlot(_ctx.$slots, "button", {
                             handleClickPrintBtn: handleClickBtn,
                             printSpinning: unref(state).spinning,
                             printbtnText: __props.btnText,
                             printVisible: unref(state).visible
-                        }, () => [
-                            createVNode(unref(NButton), {
+                        }, () => [createVNode(unref(NButton), {
                                 class: "dropdown-button",
-                                style: { "margin": "0 8px 8px 0" },
+                                style: {
+                                    "margin": "0 8px 8px 0"
+                                },
                                 onClick: withModifiers(handleClickBtn, ["stop"])
                             }, {
-                                default: withCtx(() => [
-                                    unref(state).spinning ? (openBlock(), createBlock(unref(NIcon), {
+                                default: withCtx(() => [unref(state).spinning ? (openBlock(), createBlock(unref(NIcon), {
                                         key: 0,
                                         component: unref(Reload),
-                                        style: { "line-height": "10px" }
-                                    }, null, 8, ["component"])) : createCommentVNode("v-if", true),
-                                    createTextVNode(" " + toDisplayString(__props.btnText) + " ", 1),
-                                    createVNode(unref(NIcon), { component: unref(ChevronDown) }, null, 8, ["component"])
-                                ]),
+                                        style: {
+                                            "line-height": "10px"
+                                        }
+                                    }, null, 8, ["component"])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(__props.btnText) + " ", 1), createVNode(unref(NIcon), {
+                                        component: unref(ChevronDown)
+                                    }, null, 8, ["component"])]),
                                 _: 1
-                            }, 8, ["onClick"])
-                        ])
-                    ]),
+                            }, 8, ["onClick"])])]),
                     _: 3
-                }, 8, ["show", "options"]),
-                createVNode(script$1, mergeProps({
+                }, 8, ["show", "options"]), createVNode(script$1, mergeProps({
                     modelValue: unref(state).identityVerification.visible,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).identityVerification.visible = $event)
-                }, _ctx.$attrs, { onSuccess: verifiySuccess }), null, 16, ["modelValue"])
-            ]);
+                }, _ctx.$attrs, {
+                    onSuccess: verifiySuccess
+                }), null, 16, ["modelValue"])]);
         };
     }
 });

package/es/drag-layout/index.css

@@ -593,6 +593,10 @@ body > .vxe-table--tooltip-wrapper {
   margin-bottom: 8px;
 }
 
+.rowFoldHideBtnList-dropdown .n-dropdown-menu-wrapper span.active {
+  color: #5585f5;
+}
+
 .login-form[data-v-06588d4e] {
   padding-top: 15px;
 }

package/es/field-set/index.css

@@ -593,6 +593,10 @@ body > .vxe-table--tooltip-wrapper {
   margin-bottom: 8px;
 }
 
+.rowFoldHideBtnList-dropdown .n-dropdown-menu-wrapper span.active {
+  color: #5585f5;
+}
+
 .login-form[data-v-06588d4e] {
   padding-top: 15px;
 }
@@ -732,48 +736,6 @@ body > .vxe-table--tooltip-wrapper {
   z-index: 2001;
 }
 
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] {
-  width: 100%;
-  margin-bottom: 16px;
-  overflow: hidden;
-  cursor: pointer;
-  color: #2e2e2e;
-}
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  height: 60px;
-  padding: 0 8px;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  margin-bottom: 8px;
-  background: #f3f5f8;
-}
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966]-input[data-v-55852966] {
-  width: 85%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: pointer !important;
-}
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="radio"][disabled][data-v-55852966],
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="checkbox"][disabled][data-v-55852966],
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="radio"].disabled[data-v-55852966],
-.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="checkbox"].disabled[data-v-55852966] {
-  cursor: pointer !important;
-}
-
 .DragFormRightItem[data-v-2d9603cc] {
   position: relative;
 }
@@ -845,6 +807,48 @@ body > .vxe-table--tooltip-wrapper {
   color: red;
 }
 
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] {
+  width: 100%;
+  margin-bottom: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  color: #2e2e2e;
+}
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 60px;
+  padding: 0 8px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin-bottom: 8px;
+  background: #f3f5f8;
+}
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966]-input[data-v-55852966] {
+  width: 85%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer !important;
+}
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="radio"][disabled][data-v-55852966],
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="checkbox"][disabled][data-v-55852966],
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="radio"].disabled[data-v-55852966],
+.DragFormLeftItem[data-v-55852966] .left-content[data-v-55852966] .style-box[data-v-55852966] input[type="checkbox"].disabled[data-v-55852966] {
+  cursor: pointer !important;
+}
+
 ul[data-v-726261b7] {
   margin: 0;
   padding: 0;