super-page-designer 2.1.25 → 2.1.28

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

@@ -0,0 +1,488 @@
+import { defineComponent, ref, reactive, computed, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createBlock, unref, withCtx, createTextVNode, createVNode, renderList, toDisplayString, createCommentVNode } from "vue";
+import { Plus, Reading, Refresh } from "@element-plus/icons-vue";
+import { ElMessageBox, ElMessage } from "element-plus";
+import http from "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = {
+  style: { "padding": "0 0 10px 0" },
+  class: "amb-design-attr-item-inline"
+};
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "i18n-setting-page",
+  props: {
+    pageDesign: {
+      type: Object,
+      default: ""
+    }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    ref(false);
+    const loading = ref(false);
+    const tableHeight = ref(window.innerHeight * 0.5);
+    const tableData = ref([]);
+    const languages = ref([]);
+    const editingIndex = ref(-1);
+    const search = ref("");
+    const multipleSelection = ref([]);
+    const innerVisible = ref(false);
+    const addForm = ref({
+      CODE: "",
+      REMARK: ""
+    });
+    const rules = reactive({
+      CODE: [{ required: true, message: "请输入国际化编码", trigger: "blur" }]
+    });
+    const translateCodes = () => {
+      ElMessageBox.confirm("确定要翻译吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        loading.value = true;
+        let needTanslateCodes = [];
+        if (multipleSelection.value && multipleSelection.value.length > 0) {
+          multipleSelection.value.forEach((item) => {
+            needTanslateCodes.push(item.CODE);
+          });
+        } else {
+          needTanslateCodes = [...props.pageDesign.i18nKeys];
+        }
+        http.post(
+          window["$vueApp"].config.globalProperties.baseAPI + `/bs/language-package/translate/by-codes/${props.pageDesign.systemCode}`,
+          needTanslateCodes
+        ).then(() => {
+          loading.value = false;
+          fetchData();
+        }).catch((err) => {
+          console.log("翻译失败", err);
+          loading.value = false;
+        });
+      });
+    };
+    const refreshCache = () => {
+      ElMessageBox.confirm("确定要更新缓存吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        loading.value = true;
+        http.post(
+          window["$vueApp"].config.globalProperties.baseAPI + `/bs/language-package/refresh-cache/by-codes/${props.pageDesign.systemCode}`,
+          props.pageDesign.i18nKeys
+        ).then(() => {
+          loading.value = false;
+          ElMessage.success("更新成功");
+        }).catch(() => {
+          loading.value = false;
+          ElMessage.error("更新失败");
+        });
+      });
+    };
+    const filterTableData = computed(
+      () => tableData.value.filter((data) => !search.value || data.CODE.toLowerCase().includes(search.value.toLowerCase()))
+    );
+    const fetchData = () => {
+      http.post(
+        window["$vueApp"].config.globalProperties.baseAPI + `/bs/language-value/by-language-codes/${props.pageDesign.systemCode}`,
+        props.pageDesign.i18nKeys
+      ).then((res) => {
+        showData(res);
+      }).catch((err) => {
+        ElMessage.error("加载失败");
+      });
+    };
+    const showData = (res) => {
+      tableData.value = [];
+      languages.value = res.languages;
+      if (languages.value && languages.value.length > 0) {
+        languages.value.forEach((item) => {
+          rules[item.value] = [{ required: true, message: `请输入${item.name}`, trigger: "blur" }];
+        });
+        if (res.data && res.data.length > 0) {
+          const dataDict = {};
+          res.data.forEach((item) => {
+            dataDict[item.CODE] = item;
+          });
+          props.pageDesign.i18nKeys.forEach((item) => {
+            if (dataDict[item]) {
+              tableData.value.push(dataDict[item]);
+            } else {
+              tableData.value.push({
+                CODE: item
+              });
+            }
+          });
+        } else {
+          props.pageDesign.i18nKeys.forEach((item) => {
+            tableData.value.push({
+              CODE: item
+            });
+          });
+        }
+      }
+    };
+    fetchData();
+    const handleEdit = (index, row) => {
+      if (editingIndex.value !== -1) {
+        ElMessage.warning("请先保存或取消当前编辑行");
+        return;
+      }
+      editingIndex.value = index;
+      console.log(index, row);
+    };
+    const handleDelete = (index, row) => {
+      props.pageDesign.i18nKeys = props.pageDesign.i18nKeys.filter((item) => item !== row.CODE);
+      tableData.value = tableData.value.filter((item) => item.CODE !== row.CODE);
+      ElMessage.success("删除成功");
+    };
+    const saveEdit = (index, row) => {
+      sendSaveRequest(row).then(() => {
+        ElMessage.success("保存成功");
+        editingIndex.value = -1;
+      }).catch(() => {
+        ElMessage.error("保存失败");
+      });
+    };
+    const sendSaveRequest = (saveData) => {
+      const languageValue = {};
+      for (let index = 0; index < languages.value.length; index++) {
+        const language = languages.value[index];
+        if (!saveData[language.value]) {
+          ElMessage.warning(`${language.name}不能为空`);
+          return;
+        }
+        languageValue[language.value] = saveData[language.value];
+      }
+      const params = {
+        code: saveData.CODE,
+        remark: saveData.REMARK,
+        systemCode: props.pageDesign.systemCode,
+        languageValue
+      };
+      return http.post(window["$vueApp"].config.globalProperties.baseAPI + `/bs/language-value/desiger-save`, params);
+    };
+    const cancelEdit = (index, row) => {
+      editingIndex.value = -1;
+    };
+    const handleSelectionChange = (val) => {
+      multipleSelection.value = val;
+    };
+    const add = () => {
+      innerVisible.value = true;
+    };
+    const addSave = () => {
+      sendSaveRequest(addForm.value).then(() => {
+        ElMessage.success("保存成功");
+        innerVisible.value = false;
+        if (addForm.value.CODE) {
+          props.pageDesign.i18nKeys.push(addForm.value.CODE);
+        }
+        addForm.value = {};
+        fetchData();
+      }).catch(() => {
+        ElMessage.error("保存失败");
+      });
+    };
+    const cancelAdd = () => {
+      innerVisible.value = false;
+    };
+    onMounted(() => {
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          withDirectives((openBlock(), createBlock(_component_el_button, {
+            align: "left",
+            type: "primary",
+            class: "button--default",
+            icon: unref(Plus),
+            onClick: add
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 新增 ")
+            ]),
+            _: 1
+          }, 8, ["icon"])), [
+            [_directive_loading, loading.value]
+          ]),
+          withDirectives((openBlock(), createBlock(_component_el_button, {
+            align: "left",
+            type: "primary",
+            class: "button--default",
+            icon: unref(Reading),
+            onClick: translateCodes
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 自动翻译 ")
+            ]),
+            _: 1
+          }, 8, ["icon"])), [
+            [_directive_loading, loading.value]
+          ]),
+          withDirectives((openBlock(), createBlock(_component_el_button, {
+            align: "left",
+            class: "button--default",
+            icon: unref(Refresh),
+            onClick: refreshCache
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 更新缓存 ")
+            ]),
+            _: 1
+          }, 8, ["icon"])), [
+            [_directive_loading, loading.value]
+          ]),
+          withDirectives((openBlock(), createBlock(_component_el_button, {
+            align: "left",
+            class: "button--default",
+            icon: unref(Refresh),
+            onClick: fetchData
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 刷新 ")
+            ]),
+            _: 1
+          }, 8, ["icon"])), [
+            [_directive_loading, loading.value]
+          ]),
+          createVNode(_component_el_input, {
+            style: { "width": "200px", "margin-left": "20px" },
+            modelValue: search.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+            clearable: "",
+            placeholder: "筛选"
+          }, null, 8, ["modelValue"])
+        ]),
+        withDirectives((openBlock(), createBlock(_component_el_table, {
+          data: filterTableData.value,
+          border: "",
+          stripe: "",
+          onSelectionChange: handleSelectionChange,
+          style: { "width": "100%" },
+          height: tableHeight.value,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              type: "selection",
+              width: "55",
+              align: "center"
+            }),
+            createVNode(_component_el_table_column, {
+              type: "index",
+              width: "50",
+              align: "center",
+              label: "序号"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "CODE",
+              label: "国际化编码",
+              width: "180",
+              align: "center"
+            }),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(languages.value, (language) => {
+              return openBlock(), createBlock(_component_el_table_column, {
+                prop: language.value,
+                label: language.name,
+                align: "center"
+              }, {
+                default: withCtx((scope) => [
+                  editingIndex.value === scope.$index ? (openBlock(), createBlock(_component_el_input, {
+                    key: 0,
+                    modelValue: scope.row[language.value],
+                    "onUpdate:modelValue": ($event) => scope.row[language.value] = $event,
+                    size: "small",
+                    style: { "text-align": "center" },
+                    class: "centered-input"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(scope.row[language.value]), 1))
+                ]),
+                _: 2
+              }, 1032, ["prop", "label"]);
+            }), 256)),
+            createVNode(_component_el_table_column, {
+              prop: "REMARK",
+              label: "备注",
+              width: "180",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                editingIndex.value === scope.$index ? (openBlock(), createBlock(_component_el_input, {
+                  key: 0,
+                  modelValue: scope.row.REMARK,
+                  "onUpdate:modelValue": ($event) => scope.row.REMARK = $event,
+                  size: "small",
+                  class: "centered-input"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(scope.row.REMARK), 1))
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "TRANSLATED",
+              label: "已翻译",
+              width: "180",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createTextVNode(toDisplayString(scope.row.TRANSLATED === true ? "是" : "否"), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              align: "center",
+              label: "操作"
+            }, {
+              default: withCtx((scope) => [
+                editingIndex.value === -1 || editingIndex.value !== scope.$index ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    onClick: ($event) => handleEdit(scope.$index, scope.row)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 修改 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    type: "danger",
+                    onClick: ($event) => handleDelete(scope.$index, scope.row)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 删除 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ], 64)) : createCommentVNode("", true),
+                editingIndex.value === scope.$index ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    type: "primary",
+                    onClick: ($event) => saveEdit(scope.$index, scope.row)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 保存 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    onClick: ($event) => cancelEdit(scope.$index, scope.row)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 取消编辑 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ], 64)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data", "height"])), [
+          [_directive_loading, loading.value]
+        ]),
+        createElementVNode("span", null, "总条数：" + toDisplayString(filterTableData.value.length), 1),
+        innerVisible.value ? (openBlock(), createBlock(_component_el_dialog, {
+          key: 0,
+          modelValue: innerVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => innerVisible.value = $event),
+          width: "500",
+          title: "新增",
+          "append-to-body": ""
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_component_el_button, { onClick: cancelAdd }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: addSave
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 保存 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              ref: "addFormRef",
+              style: { "max-width": "600px" },
+              model: addForm.value,
+              rules,
+              "label-width": "auto",
+              class: "demo-addForm",
+              size: "small",
+              "status-icon": ""
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_form_item, {
+                  label: "编码",
+                  prop: "CODE"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: addForm.value.CODE,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => addForm.value.CODE = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(languages.value, (language) => {
+                  return openBlock(), createBlock(_component_el_form_item, {
+                    prop: language.value,
+                    label: language.name
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: addForm.value[language.value],
+                        "onUpdate:modelValue": ($event) => addForm.value[language.value] = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                  }, 1032, ["prop", "label"]);
+                }), 256)),
+                createVNode(_component_el_form_item, {
+                  label: "备注",
+                  prop: "REMARK"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: addForm.value.REMARK,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => addForm.value.REMARK = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model", "rules"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/design/view/components/i18n-setting-page.vue3.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,23 @@
+import { PageDesign } from '../../../../utils/interfaces/page-design-types';
+
+declare function show(): void;
+declare const _default: import('vue').DefineComponent<{
+    pageDesign: {
+        type: () => PageDesign;
+        default: string;
+    };
+}, {
+    show: typeof show;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageDesign: {
+        type: () => PageDesign;
+        default: string;
+    };
+}>> & {
+    onClose?: (...args: any[]) => any;
+}, {
+    pageDesign: PageDesign;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,100 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, nextTick } from "vue";
+import _sfc_main$1 from "./i18n-setting-enabled.vue.js";
+import i18nSettingPage from "./i18n-setting-page.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "i18n-setting",
+  props: {
+    pageDesign: {
+      type: Object,
+      default: ""
+    }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const dialogVisible = ref(false);
+    const activeName = ref("page");
+    const handleClick = (tab, event) => {
+      console.log(tab, event);
+    };
+    const dialogRef = ref();
+    const dialogContentRef = ref();
+    function show() {
+      dialogVisible.value = true;
+    }
+    function opened() {
+      nextTick(() => {
+        if (dialogRef.value.dialogContentRef) {
+          dialogContentRef.value = dialogRef.value.dialogContentRef;
+        }
+      });
+    }
+    function close() {
+      dialogVisible.value = false;
+      emits("close");
+    }
+    onMounted(() => {
+    });
+    __expose({
+      show
+    });
+    return (_ctx, _cache) => {
+      const _component_el_tab_pane = resolveComponent("el-tab-pane");
+      const _component_el_tabs = resolveComponent("el-tabs");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
+        "close-on-press-escape": "",
+        ref_key: "dialogRef",
+        ref: dialogRef,
+        "destroy-on-close": "",
+        style: { height: "75vh" },
+        width: "70%",
+        title: "国际化配置",
+        onOpened: opened,
+        onClose: close
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_tabs, {
+            modelValue: activeName.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event),
+            class: "demo-tabs",
+            onTabClick: handleClick
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_tab_pane, {
+                label: "当前页面",
+                name: "page",
+                style: { "height": "60vh" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(i18nSettingPage, { "page-design": __props.pageDesign }, null, 8, ["page-design"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_tab_pane, {
+                label: "所有可用",
+                name: "enabled",
+                style: { "height": "60vh" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$1, {
+                    "system-code": __props.pageDesign.systemCode,
+                    dialogContentRef: dialogContentRef.value
+                  }, null, 8, ["system-code", "dialogContentRef"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/design/view/components/i18n-setting.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./i18n-setting.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,18 +1,26 @@
+import { PageDesign } from '../../../../utils/interfaces/page-design-types';
+
+interface MyProps {
+    pageDesign: PageDesign;
+}
 /**
  * 打开对象框
  */
 declare function openDialog(): void;
-declare const _default: import('vue').DefineComponent<Readonly<import('vue').ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<MyProps>, {
     openDialog: typeof openDialog;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<readonly string[] | import('vue').ExtractPropTypes<Readonly<import('vue').ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & {
     onClose?: (...args: any[]) => any;
-}, {
-    readonly [x: number]: string;
-} | {}, {}>;
+}, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};