super-page-designer 2.1.25 → 2.1.26

package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js

@@ -9,11 +9,17 @@ import { deepCopy, getUuidv4 } from "../../../../utils/common-util.js";
 import { standardButtonOperations, getDesignConfByName } from "../../../../utils/assemblys-config.js";
 import { usePageContextStore } from "../../../../../../stores/page-store.js";
 import { watchValidate } from "../../../../utils/form-design-util.js";
+import { tableField } from "../../../../../../stores/table-store.js";
+import { setPagetemI18nKey } from "../../../../utils/page-i18n-util.js";
 const _hoisted_1 = { style: { "background-color": "rgba(88, 147, 239, 0.06)", "padding": "10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "quick-add-dialog",
+  props: {
+    pageDesign: {}
+  },
   emits: ["close"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
     const pageDesignUtil = usePageContextStore();
     const pageDesign = pageDesignUtil.pageContext ? pageDesignUtil.pageContext : {};
     const emits = __emit;
@@ -33,6 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modelFields: [],
       fieldInfos: []
     });
+    const tableFieldStore = tableField();
     const typeSelectMap = {};
     function btnSelectChange() {
       if (model.pageType) {
@@ -129,6 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const systemVersion = tableInfo.systemVersion ? tableInfo.systemVersion : pageDesign.systemVersion;
         queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
           model.modelFields = tableFields;
+          tableFieldStore.addFieldList(tableFields);
           if (addFieldsRef.value) {
             addFieldsRef.value.updateInitFields();
           }
@@ -277,6 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           const newColumn = deepCopy(templateItem);
           newColumn.uuid = getUuidv4();
+          newColumn.isTable = true;
           newColumn.name = f.componentName ? f.componentName : "";
           newColumn.title = f.title;
           newColumn.props.base.displayOrder = displayOrderStart++;
@@ -391,6 +400,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (newItems) {
         for (let item of newItems) {
           pageDesign.items.push(item);
+          setPagetemI18nKey(item, props.pageDesign);
         }
       }
       pageDesign.pageType = model.pageType;

package/dist/es/components/design/views/design/view/page-switch.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "change-page": (...args: any[]) => void;
+    "init-loaded": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     pageDesign: {
         type: ObjectConstructor;
@@ -12,6 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     "onChange-page"?: (...args: any[]) => any;
+    "onInit-loaded"?: (...args: any[]) => any;
 }, {
     pageDesign: Record<string, any>;
 }, {}>;

package/dist/es/components/design/views/design/view/page-switch.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-switch.vue2.js";
 import "./page-switch.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-56a8e877"]]);
+const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e6e7cea"]]);
 export {
   PageSwitch as default
 };

package/dist/es/components/design/views/design/view/page-switch.vue2.js

@@ -21,10 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       default: () => ({})
     }
   },
-  emits: ["change-page"],
+  emits: ["change-page", "init-loaded"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emtis = __emit;
+    const emits = __emit;
     const popoverVisible = ref(false);
     const selectedValue = ref("");
     const cascaderRef = ref();
@@ -35,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       leaf: "leaf",
       emitPath: false,
       lazy: true,
-      lazyLoad: loadNodes
+      lazyLoad: loadNodes,
+      expandTrigger: "hover"
     });
     const systemId = ref(-1);
     const filterValue = ref("");
@@ -56,6 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (systemId.value === -1) {
         await http.get(window["$vueApp"].config.globalProperties.baseAPI + "/mms/systems/getByCode/" + props.pageDesign.systemCode).then((res) => {
           if (res) {
+            emits("init-loaded", { system: res });
             systemId.value = res.id;
           }
         });
@@ -86,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           type: "warning"
         }).then(() => {
           popoverRef.value.hide();
-          emtis("change-page", pageId);
+          emits("change-page", pageId);
         }).catch(() => {
           console.log("取消切换...");
           cascaderRef.value.clearCheckedNodes();

package/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -15,12 +15,13 @@ import "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
-import "../page-event/config.vue2.js";
+import "../page-event/config.vue.js";
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
 import _sfc_main$3 from "./components/quick-add-dialog.vue.js";
+import _sfc_main$4 from "./components/i18n-setting.vue.js";
 import { setTableRuntimesFromConfigure } from "../../../utils/page-table-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { deleteDesignItem } from "../../../utils/page-design-util.js";
@@ -31,9 +32,10 @@ const _hoisted_4 = {
   class: "amb-design-tool-item",
   style: { "padding-right": "20px" }
 };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "国际化配置", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design-display",
   props: {
@@ -53,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const quickAddDialogRef = ref(null);
+    const i18nSettingRef = ref(null);
     const $emits = __emit;
     if (props.configure.props == void 0) {
       props.configure.props = {};
@@ -261,10 +264,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function openI18nSetting() {
+      var _a;
+      (_a = i18nSettingRef.value) == null ? void 0 : _a.show();
+    }
     __expose({ onSelectEvent, addEvent, changeEvent });
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_divider = resolveComponent("el-divider");
+      const _component_Setting = resolveComponent("Setting");
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
           class: "amb-design-content",
@@ -321,21 +329,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4, [
                 createElementVNode("label", {
                   class: "amb-page-type",
-                  onClick: _cache[3] || (_cache[3] = ($event) => quickAdd())
+                  onClick: _cache[3] || (_cache[3] = ($event) => openI18nSetting())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
-                      createVNode(unref(Plus))
+                      createVNode(_component_Setting)
                     ]),
                     _: 1
                   }),
                   _hoisted_5
                 ]),
+                createElementVNode("label", {
+                  class: "amb-page-type",
+                  onClick: _cache[4] || (_cache[4] = ($event) => quickAdd())
+                }, [
+                  createVNode(_component_el_icon, { size: 18 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Plus))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_6
+                ]),
                 createVNode(_component_el_divider, { direction: "vertical" }),
                 createElementVNode("label", {
                   class: "amb-page-type",
                   style: { "margin-left": "0px" },
-                  onClick: _cache[4] || (_cache[4] = ($event) => saveForm())
+                  onClick: _cache[5] || (_cache[5] = ($event) => saveForm())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
@@ -343,13 +363,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _hoisted_6
+                  _hoisted_7
                 ]),
                 createVNode(_component_el_divider, { direction: "vertical" }),
                 createElementVNode("label", {
                   class: "amb-page-type",
                   style: { "margin-left": "0px" },
-                  onClick: _cache[5] || (_cache[5] = ($event) => preview())
+                  onClick: _cache[6] || (_cache[6] = ($event) => preview())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
@@ -357,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _hoisted_7
+                  _hoisted_8
                 ])
               ])
             ])
@@ -390,13 +410,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           pageDesign: pageDesignPreview.value,
           modelValue: previewVisible.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => previewVisible.value = $event),
-          onClose: _cache[7] || (_cache[7] = ($event) => previewVisible.value = false)
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => previewVisible.value = $event),
+          onClose: _cache[8] || (_cache[8] = ($event) => previewVisible.value = false)
         }, null, 8, ["pageDesign", "modelValue"])) : createCommentVNode("", true),
         createVNode(_sfc_main$3, {
           ref_key: "quickAddDialogRef",
-          ref: quickAddDialogRef
-        }, null, 512)
+          ref: quickAddDialogRef,
+          pageDesign: _ctx.configure
+        }, null, 8, ["pageDesign"]),
+        createVNode(_sfc_main$4, {
+          ref_key: "i18nSettingRef",
+          ref: i18nSettingRef,
+          pageDesign: _ctx.configure
+        }, null, 8, ["pageDesign"])
       ], 64);
     };
   }

package/dist/es/components/design/views/design/view/view-design.vue.d.ts

@@ -1,7 +1,8 @@
-import { PageDesign } from '../../../utils/interfaces/page-design-types';
+import { PageDesign, System } from '../../../utils/interfaces/page-design-types';
 
 interface MyProps {
     configure: PageDesign;
+    system: System;
 }
 /**watch(selectWidget,(newNum)=>{
         if(attrContainerRef&&attrContainerRef.value){

package/dist/es/components/design/views/design/view/view-design.vue.js

@@ -5,7 +5,8 @@ import _sfc_main$3 from "./attr-container.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design",
   props: {
-    configure: {}
+    configure: {},
+    system: {}
   },
   emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -118,9 +119,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_sfc_main$3, {
                 pageInfo: _ctx.configure,
+                system: _ctx.system,
                 ref_key: "attrContainerRef",
                 ref: attrContainerRef
-              }, null, 8, ["pageInfo"])
+              }, null, 8, ["pageInfo", "system"])
             ]),
             _: 1
           })

package/dist/es/stores/page-store.d.ts

@@ -4,20 +4,26 @@ interface PageContextVarOptions {
 export declare const usePageContextStore: import('pinia').StoreDefinition<"pageContextUtil", import('pinia')._UnwrapAll<Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
-}, "pageContext" | "pageContextVarOptions">>, Pick<{
+    setEnableI18n: (enabled: boolean) => void;
+}, "pageContext" | "pageContextVarOptions" | "enabledI18n">>, Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
+    setEnableI18n: (enabled: boolean) => void;
 }, "pageContext">, Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
-}, "pageContext" | "setPageContext" | "getModelField" | "getPagePermissionOptions">>;
+    setEnableI18n: (enabled: boolean) => void;
+}, "pageContext" | "setPageContext" | "getModelField" | "getPagePermissionOptions" | "setEnableI18n">>;
 export {};

package/dist/es/stores/page-store.js

@@ -4,6 +4,7 @@ import { FuncType } from "super-page-runtime";
 import { getModelOptionsByFields } from "../components/design/utils/page-table-util.js";
 const usePageContextStore = defineStore("pageContextUtil", () => {
   const pageContext = ref({ systemCode: "", systemVersion: -1 });
+  const enabledI18n = ref(false);
   ref([]);
   const pageContextVarOptions = ref({
     dataOptions: [],
@@ -76,12 +77,17 @@ const usePageContextStore = defineStore("pageContextUtil", () => {
     }
     return options;
   }
+  function setEnableI18n(enabled) {
+    enabledI18n.value = enabled;
+  }
   return {
     pageContext,
     pageContextVarOptions,
+    enabledI18n,
     setPageContext,
     getModelField,
-    getPagePermissionOptions
+    getPagePermissionOptions,
+    setEnableI18n
   };
 });
 export {

package/dist/es/style.css

@@ -659,19 +659,19 @@ fieldset.amb-design-item-selected {
 
 
 /* 定义滚动条的轨道 */
-[data-v-56a8e877]::-webkit-scrollbar {
+[data-v-5e6e7cea]::-webkit-scrollbar {
   height: 6px;
   width: 6px; /* 宽度 */
 }
 
 /* 定义滑块 */
-[data-v-56a8e877]::-webkit-scrollbar-thumb {
+[data-v-5e6e7cea]::-webkit-scrollbar-thumb {
   background-color: darkgrey; /* 滑块颜色 */
   border-radius: 5px; /* 圆角 */
 }
 
 /* 当滑块hover时改变颜色 */
-[data-v-56a8e877]::-webkit-scrollbar-thumb:hover {
+[data-v-5e6e7cea]::-webkit-scrollbar-thumb:hover {
   background-color: grey;
 }
 .el-tree-node__content {
@@ -1292,6 +1292,10 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+.el-select__wrapper.is-disabled{
+		cursor: default;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -5000,14 +5004,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-.el-select__wrapper.is-disabled{
-		cursor: default;
-}
-
-.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
-		cursor: default;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -5626,6 +5622,10 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
+		cursor: default;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -9334,6 +9334,56 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+/*不显示列样式*/
+.hiddenBorder {
+  border-right: solid 1px #ebebeb !important;
+  border-left: solid 1px #ebebeb !important;
+  background-color: #ebebeb !important;
+}
+/*选中列样式*/
+.addBorder {
+  border-right: solid 1px #5893ef !important;
+  border-left: solid 1px #5893ef !important;
+  background-color: #5893ef !important;
+  color: #ffffff;
+}
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+li[data-v-55bb4cd3] {
+  color: #333;
+}
+.context-menu[data-v-55bb4cd3] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+  margin-top: 30px;
+}
+.context-menu li[data-v-55bb4cd3] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+.context-menu li[data-v-55bb4cd3]:hover {
+  background: #5893ef;
+  color: #fff;
+}
+.context-menu[data-v-55bb4cd3] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-55bb4cd3] {
+  list-style-type: none;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -9952,56 +10002,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-/*不显示列样式*/
-.hiddenBorder {
-  border-right: solid 1px #ebebeb !important;
-  border-left: solid 1px #ebebeb !important;
-  background-color: #ebebeb !important;
-}
-/*选中列样式*/
-.addBorder {
-  border-right: solid 1px #5893ef !important;
-  border-left: solid 1px #5893ef !important;
-  background-color: #5893ef !important;
-  color: #ffffff;
-}
-.ghost {
-  opacity: 0.5;
-  background: #c8ebfb;
-}
-
-li[data-v-55bb4cd3] {
-  color: #333;
-}
-.context-menu[data-v-55bb4cd3] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-  margin-top: 30px;
-}
-.context-menu li[data-v-55bb4cd3] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-  cursor: pointer;
-}
-.context-menu li[data-v-55bb4cd3]:hover {
-  background: #5893ef;
-  color: #fff;
-}
-.context-menu[data-v-55bb4cd3] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-li[data-v-55bb4cd3] {
-  list-style-type: none;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -16831,7 +16831,7 @@ fieldset.amb-design-item-selected {
   color: #ffffff;
 }
 
-.seleteSort[data-v-0af1f166] {
+.seleteSort[data-v-b5d8af0e] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -16843,7 +16843,7 @@ fieldset.amb-design-item-selected {
   padding-bottom: 5px;
 }
 
-[data-v-7fcec2fa] .el-cascader-menu {
+[data-v-7d59803a] .el-cascader-menu {
   min-width: 120px !important;
 }
 
@@ -16852,6 +16852,19 @@ fieldset.amb-design-item-selected {
   border: 1px solid rgba(88, 147, 239);
 }
 
+.editorTool[data-v-26f79956] {
+  margin-left: auto;
+}
+.editorOption[data-v-26f79956] {
+  margin-right: 10px;
+  cursor: pointer;
+}
+.pppp[data-v-26f79956] {
+  display: flex; /* 使用Flex布局 */
+  justify-content: flex-start;
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}
+
 .icon-set-center-body[data-v-4aa5ce08]{
 	display: grid;
 	grid-template-columns:repeat(5,1fr);
@@ -16889,17 +16902,9 @@ fieldset.amb-design-item-selected {
 	margin-bottom: 20px;
 }
 
-.editorTool[data-v-26f79956] {
-  margin-left: auto;
-}
-.editorOption[data-v-26f79956] {
-  margin-right: 10px;
-  cursor: pointer;
-}
-.pppp[data-v-26f79956] {
-  display: flex; /* 使用Flex布局 */
-  justify-content: flex-start;
-  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+.seleteSort[data-v-a8c75465] {
+  border-radius: 5px;
+  border: 1px solid rgba(88, 147, 239);
 }
 
 .row-backgroud-header-tittle[data-v-b203475d]{
@@ -16911,11 +16916,6 @@ fieldset.amb-design-item-selected {
 	width: 100%
 }
 
-.seleteSort[data-v-a8c75465] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
-}
-
 .seleteSort[data-v-97438be5] {
 	border-radius: 5px;
 	border: 1px solid rgba(88, 147, 239);
@@ -16924,10 +16924,18 @@ fieldset.amb-design-item-selected {
 	display: inline-block;
 }
 
-li[data-v-b436905c] {
+.stateBtn[data-v-ae2798fb]{
+	display: flex;
+}
+.stateText[data-v-ae2798fb]{
+	margin-left: 10px;
+	color: #7b7b7b;
+}
+
+li[data-v-74ebe0ac] {
   color: #333;
 }
-.context-menu[data-v-b436905c] {
+.context-menu[data-v-74ebe0ac] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -16935,7 +16943,7 @@ li[data-v-b436905c] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-b436905c] {
+.context-menu li[data-v-74ebe0ac] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -16948,31 +16956,27 @@ li[data-v-b436905c] {
 /*  background: #5893ef;*/
 /*  color: #fff;*/
 /*}*/
-.context-menuLi[data-v-b436905c]:hover {
+.context-menuLi[data-v-74ebe0ac]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-b436905c] {
+.context-menu[data-v-74ebe0ac] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-b436905c] {
+li[data-v-74ebe0ac] {
   list-style-type: none;
 }
 
-.stateBtn[data-v-ae2798fb]{
-	display: flex;
-}
-.stateText[data-v-ae2798fb]{
-	margin-left: 10px;
-	color: #7b7b7b;
-}
-
 .el-tag[data-v-665d3bf4]{
 	margin-left: 10px;
 }
 
+[data-v-1aa6f1ab] .centered-input .el-input__inner {
+  text-align: center;
+}
+
 .input-with-select .el-input-group__append {
   background-color: var(--el-fill-color-blank);
 }