@opentiny/tiny-engine-workspace-application-center 2.9.0-rc.0 → 2.9.0

package/dist/index.js

@@ -1,108 +1,108 @@
 import "./style.css";
-import { ref as j, reactive as R, onMounted as M, resolveComponent as m, createBlock as D, openBlock as _, withCtx as r, createVNode as o, createElementVNode as c, Transition as W, createElementBlock as b, createCommentVNode as I, Fragment as G, renderList as H, createTextVNode as B, normalizeClass as X, toDisplayString as O } from "vue";
-import { Select as q, FormItem as Y, Form as Z, DialogBox as $, Button as J, Input as ee, Notify as E, Search as te, Popover as ne, GridColumn as oe, Grid as ae, Pager as ie, Modal as le } from "@opentiny/vue";
+import { ref as E, reactive as j, onMounted as N, resolveComponent as c, createBlock as R, openBlock as d, withCtx as r, createVNode as o, createElementVNode as p, createElementBlock as _, createCommentVNode as w, Transition as W, Fragment as D, renderList as G, createTextVNode as P, normalizeClass as X, toDisplayString as z } from "vue";
+import { Select as K, FormItem as Y, Form as Z, DialogBox as $, Button as M, Input as ee, Notify as O, Search as te, Popover as ne, GridColumn as oe, Grid as ae, Pager as ie, Modal as le } from "@opentiny/vue";
 import { iconSearch as se } from "@opentiny/vue-icon";
 import { SearchEmpty as re } from "@opentiny/tiny-engine-common";
-import { callEntry as F, getMetaApi as v, META_SERVICE as h } from "@opentiny/tiny-engine-meta-register";
+import { callEntry as U, getMetaApi as f, META_SERVICE as h } from "@opentiny/tiny-engine-meta-register";
 const pe = {
   id: "engine.workspace.application-center",
   title: "应用中心",
   type: "workspace",
   icon: "workspace-icon-application-center"
-}, P = F(() => v(h.Http).get("/material-center/api/business-category/list"), {
+}, L = U(() => f(h.Http).get("/material-center/api/business-category/list"), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.fetchBusinessCategory"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
-}), V = F((a) => v(h.Http).get(`/material-center/api/business-category/find?group=${a}`), {
+}), V = U((l) => f(h.Http).get(`/material-center/api/business-category/find?group=${l}`), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.fetchBusinessCategoryByGroup"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
-}), A = F((a) => v(h.Http).get("app-center/api/apps/page", {
-  params: a
+}), x = U((l) => f(h.Http).get("app-center/api/apps/page", {
+  params: l
 }), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.fetchApplicationList"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
-}), T = F((a) => v(h.Http).post("/app-center/api/apps/create", a), {
+}), B = U((l) => f(h.Http).post("/app-center/api/apps/create", l), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.createApplication"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
-}), U = F((a, t) => v(h.Http).post(`/app-center/api/apps/update/${a}`, t), {
+}), A = U((l, n) => f(h.Http).post(`/app-center/api/apps/update/${l}`, n), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.updateApplication"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
-}), z = F((a) => v(h.Http).get(`/app-center/api/apps/delete/${a}`), {
+}), T = U((l) => f(h.Http).get(`/app-center/api/apps/delete/${l}`), {
   metaData: {
     id: "engine.plugins.blockmanage.js-http.deleteApplication"
   },
   ctx: () => ({
-    getMetaApi: v,
+    getMetaApi: f,
     META_SERVICE: h,
-    fetchBusinessCategory: P,
+    fetchBusinessCategory: L,
     fetchBusinessCategoryByGroup: V,
-    fetchApplicationList: A,
-    createApplication: T,
-    updateApplication: U,
-    deleteApplication: z
+    fetchApplicationList: x,
+    createApplication: B,
+    updateApplication: A,
+    deleteApplication: T
   })
 }), ce = {
   components: {
     TinyInput: ee,
-    TinyButton: J,
+    TinyButton: M,
     TinyDialogBox: $,
     TinyForm: Z,
     TinyFormItem: Y,
-    TinySelect: q
+    TinySelect: K
   },
   props: {
     visible: {
@@ -119,24 +119,24 @@ const pe = {
     }
   },
   emits: ["confirm"],
-  setup(a, { emit: t }) {
-    const f = j(), e = R({
-      name: a.template.name || "",
-      description: a.template.description || "",
-      sceneId: a.template.sceneId || null,
-      industryId: a.template.industryId || null,
-      assetsUrl: a.template.assetsUrl || "template-cover-1"
-    }), C = j(!1), p = R({
+  setup(l, { emit: n }) {
+    const u = E(), e = j({
+      name: l.template.name || "",
+      description: l.template.description || "",
+      sceneId: l.template.sceneId || null,
+      industryId: l.template.industryId || null,
+      assetsUrl: l.template.assetsUrl || "template-cover-1"
+    }), s = E(!1), g = j({
       scene: [],
       industry: []
-    }), d = {
+    }), y = {
       name: [
         { required: !0, message: "应用名称必填", trigger: "blur" },
         { max: 50, message: "长度不大于50", trigger: "change" },
         {
           trigger: "blur",
-          validator: (s, i, u) => {
-            /^[\w\-_]+$/.test(i) ? u() : u(new Error("应用名称只能包括英文、数字、中划线和下划线"));
+          validator: (t, i, b) => {
+            /^[\w\-_]+$/.test(i) ? b() : b(new Error("应用名称只能包括英文、数字、中划线和下划线"));
           }
         }
       ],
@@ -144,94 +144,98 @@ const pe = {
         { max: 200, message: "长度不大于200", trigger: "change" },
         {
           trigger: "blur",
-          validator: (s, i, u) => {
-            /^[\w\-_\u4e00-\u9fa5]*$/.test(i) ? u() : u(new Error("描述只能包括中文、英文、数字、中划线和下划线"));
+          validator: (t, i, b) => {
+            /^[\w\-_\u4e00-\u9fa5]*$/.test(i) ? b() : b(new Error("描述只能包括中文、英文、数字、中划线和下划线"));
           }
         }
       ],
       sceneId: [{ required: !0, message: "场景必选", trigger: "change" }],
       industryId: [{ required: !0, message: "行业必选", trigger: "change" }]
-    }, g = (s) => t("update:visible", s), k = async () => {
-      Promise.all([V("场景"), V("行业")]).then((s) => {
-        p.scene = s[0] || [], p.industry = s[1] || [];
-      }).catch((s) => {
-        E({
+    }, m = (t) => n("update:visible", t), C = async () => {
+      Promise.all([V("场景"), V("行业")]).then((t) => {
+        g.scene = t[0] || [], g.industry = t[1] || [];
+      }).catch((t) => {
+        O({
           type: "error",
-          message: s,
+          message: t,
           position: "top-right",
           duration: 5e3
         });
       });
     }, S = () => {
-      C.value = !0;
-    }, x = (s) => {
-      e.assetsUrl = s, C.value = !1;
-    }, w = () => {
-      f.value.validate((s) => {
+      s.value = !0;
+    }, I = (t) => {
+      e.assetsUrl = t, s.value = !1;
+    }, k = () => {
+      s.value = !1, m(!1);
+    }, v = () => {
+      u.value.validate((t) => {
         var i;
-        s && (t(
+        t && (n(
           "confirm",
-          (i = a.template) != null && i.id ? {
-            id: a.template.id,
+          (i = l.template) != null && i.id ? {
+            id: l.template.id,
             ...e
           } : e
-        ), g(!1));
+        ), k());
       });
     };
-    return M(() => {
-      k();
+    return N(() => {
+      C();
     }), {
-      isOpen: C,
-      editAppInfoRef: f,
+      isOpen: s,
+      editAppInfoRef: u,
       formState: e,
-      validRules: d,
-      tagsList: p,
-      setVisible: g,
+      validRules: y,
+      tagsList: g,
+      setVisible: m,
       handleOpen: S,
-      handleSelectIcon: x,
-      confirm: w
+      handleSelectIcon: I,
+      confirm: v,
+      cancle: k
     };
   }
-}, Q = (a, t) => {
-  const f = a.__vccOpts || a;
-  for (const [e, C] of t)
-    f[e] = C;
-  return f;
+}, q = (l, n) => {
+  const u = l.__vccOpts || l;
+  for (const [e, s] of n)
+    u[e] = s;
+  return u;
 }, de = { class: "form-item-icon-wrapper" }, me = {
+  key: 0,
+  class: "form-item-icon-mask"
+}, ge = {
   key: 0,
   class: "dropdown-menu"
-}, ge = { class: "icon-list" };
-function ue(a, t, f, e, C, p) {
-  const d = m("tiny-input"), g = m("tiny-form-item"), k = m("tiny-select"), S = m("svg-icon"), x = m("tiny-form"), w = m("tiny-button"), s = m("tiny-dialog-box");
-  return _(), D(s, {
-    visible: f.visible,
+}, ue = { class: "icon-list" };
+function ye(l, n, u, e, s, g) {
+  const y = c("tiny-input"), m = c("tiny-form-item"), C = c("tiny-select"), S = c("svg-icon"), I = c("tiny-form"), k = c("tiny-button"), v = c("tiny-dialog-box");
+  return d(), R(v, {
+    visible: u.visible,
     title: "新建应用",
     width: "400px",
     "append-to-body": "",
     "destroy-on-close": "",
-    "onUpdate:visible": e.setVisible
+    onClose: e.cancle
   }, {
     footer: r(() => [
-      o(w, {
+      o(k, {
         type: "primary",
         onClick: e.confirm
       }, {
-        default: r(() => [...t[5] || (t[5] = [
-          B(" 确定 ", -1)
+        default: r(() => [...n[4] || (n[4] = [
+          P(" 确定 ", -1)
         ])]),
         _: 1
       }, 8, ["onClick"]),
-      o(w, {
-        onClick: t[4] || (t[4] = (i) => e.setVisible(!1))
-      }, {
-        default: r(() => [...t[6] || (t[6] = [
-          B("取消", -1)
+      o(k, { onClick: e.cancle }, {
+        default: r(() => [...n[5] || (n[5] = [
+          P("取消", -1)
         ])]),
         _: 1
-      })
+      }, 8, ["onClick"])
     ]),
     default: r(() => [
-      o(x, {
+      o(I, {
         ref: "editAppInfoRef",
         "label-position": "left",
         "label-width": "84px",
@@ -241,46 +245,46 @@ function ue(a, t, f, e, C, p) {
         "validate-type": "text"
       }, {
         default: r(() => [
-          o(g, {
+          o(m, {
             label: "应用名称",
             prop: "name"
           }, {
             default: r(() => [
-              o(d, {
+              o(y, {
                 modelValue: e.formState.name,
-                "onUpdate:modelValue": t[0] || (t[0] = (i) => e.formState.name = i),
+                "onUpdate:modelValue": n[0] || (n[0] = (t) => e.formState.name = t),
                 placeholder: "请输入"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }),
-          o(g, {
+          o(m, {
             label: "应用描述",
             prop: "description"
           }, {
             default: r(() => [
-              o(d, {
+              o(y, {
                 modelValue: e.formState.description,
-                "onUpdate:modelValue": t[1] || (t[1] = (i) => e.formState.description = i),
+                "onUpdate:modelValue": n[1] || (n[1] = (t) => e.formState.description = t),
                 type: "textarea",
                 placeholder: "请输入此次发布的修改点"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }),
-          o(g, {
+          o(m, {
             label: "场景",
             prop: "sceneId"
           }, {
             default: r(() => {
-              var i;
+              var t;
               return [
-                o(k, {
+                o(C, {
                   modelValue: e.formState.sceneId,
-                  "onUpdate:modelValue": t[2] || (t[2] = (u) => e.formState.sceneId = u),
+                  "onUpdate:modelValue": n[2] || (n[2] = (i) => e.formState.sceneId = i),
                   placeholder: "请选择",
                   options: e.tagsList.scene,
-                  disabled: (i = f.template) == null ? void 0 : i.sceneId,
+                  disabled: (t = u.template) == null ? void 0 : t.sceneId,
                   "value-field": "id",
                   "text-field": "name"
                 }, null, 8, ["modelValue", "options", "disabled"])
@@ -288,19 +292,19 @@ function ue(a, t, f, e, C, p) {
             }),
             _: 1
           }),
-          o(g, {
+          o(m, {
             label: "行业",
             prop: "industryId"
           }, {
             default: r(() => {
-              var i;
+              var t;
               return [
-                o(k, {
+                o(C, {
                   modelValue: e.formState.industryId,
-                  "onUpdate:modelValue": t[3] || (t[3] = (u) => e.formState.industryId = u),
+                  "onUpdate:modelValue": n[3] || (n[3] = (i) => e.formState.industryId = i),
                   placeholder: "请选择",
                   options: e.tagsList.industry,
-                  disabled: (i = f.template) == null ? void 0 : i.industryId,
+                  disabled: (t = u.template) == null ? void 0 : t.industryId,
                   "value-field": "id",
                   "text-field": "name"
                 }, null, 8, ["modelValue", "options", "disabled"])
@@ -308,9 +312,10 @@ function ue(a, t, f, e, C, p) {
             }),
             _: 1
           }),
-          o(g, { label: "缩略图" }, {
+          o(m, { label: "缩略图" }, {
             default: r(() => [
-              c("div", de, [
+              p("div", de, [
+                e.isOpen ? (d(), _("div", me)) : w("", !0),
                 o(S, {
                   name: e.formState.assetsUrl,
                   class: "form-item-icon",
@@ -318,16 +323,16 @@ function ue(a, t, f, e, C, p) {
                 }, null, 8, ["name", "onClick"]),
                 o(W, { name: "dropdown" }, {
                   default: r(() => [
-                    e.isOpen ? (_(), b("div", me, [
-                      c("div", ge, [
-                        (_(), b(G, null, H(15, (i) => o(S, {
-                          key: i,
-                          name: "template-cover-" + i,
+                    e.isOpen ? (d(), _("div", ge, [
+                      p("div", ue, [
+                        (d(), _(D, null, G(15, (t) => o(S, {
+                          key: t,
+                          name: "template-cover-" + t,
                           class: "icon",
-                          onClick: (u) => e.handleSelectIcon("template-cover-" + i)
+                          onClick: (i) => e.handleSelectIcon("template-cover-" + t)
                         }, null, 8, ["name", "onClick"])), 64))
                       ])
-                    ])) : I("", !0)
+                    ])) : w("", !0)
                   ]),
                   _: 1
                 })
@@ -340,12 +345,12 @@ function ue(a, t, f, e, C, p) {
       }, 8, ["model", "rules"])
     ]),
     _: 1
-  }, 8, ["visible", "onUpdate:visible"]);
+  }, 8, ["visible", "onClose"]);
 }
-const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c"]]), _e = {
+const _e = /* @__PURE__ */ q(ce, [["render", ye], ["__scopeId", "data-v-2dd22eb8"]]), fe = {
   components: {
-    TinyButton: J,
-    TinySelect: q,
+    TinyButton: M,
+    TinySelect: K,
     TinyPager: ie,
     TinyGrid: ae,
     TinyGridColumn: oe,
@@ -353,10 +358,10 @@ const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c
     TinySearch: te,
     SearchEmpty: re,
     TinyIconSearch: se(),
-    AppDialog: ye
+    AppDialog: _e
   },
   setup() {
-    const a = j([]), t = j(), f = [
+    const l = E([]), n = [
       {
         label: "全部应用",
         value: "all"
@@ -365,7 +370,7 @@ const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c
         label: "我的应用",
         value: "my"
       }
-    ], e = [
+    ], u = [
       {
         label: "按创建时间排序",
         value: "created_time"
@@ -374,7 +379,7 @@ const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c
         label: "按最近更新时间排序",
         value: "last_updated_time"
       }
-    ], C = [
+    ], e = [
       {
         id: "default",
         name: "栅格",
@@ -385,7 +390,7 @@ const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c
         name: "列表",
         assetsUrl: "small-list"
       }
-    ], p = R({
+    ], s = j({
       appFilter: "all",
       orderBy: "created_time",
       appSearchKey: "",
@@ -395,145 +400,141 @@ const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c
       currentPage: 1,
       pageSizes: [10, 20, 30, 40],
       appVisible: !1
-    }), d = () => {
-      const l = {
-        currentPage: p.currentPage,
-        pageSize: p.pageSize,
-        name: p.appSearchKey,
-        createdBy: p.appFilter === "all" ? "" : "1"
+    }), g = () => {
+      const t = {
+        currentPage: s.currentPage,
+        pageSize: s.pageSize,
+        name: s.appSearchKey,
+        createdBy: s.appFilter === "all" ? "" : "1"
       };
-      p.orderBy === "last_updated_time" && (l.orderBy = p.orderBy), A(Object.fromEntries(Object.entries(l).filter(([, y]) => !!y))).then((y) => {
-        a.value = y.apps || [], p.total = y.total;
+      s.orderBy === "last_updated_time" && (t.orderBy = s.orderBy), x(Object.fromEntries(Object.entries(t).filter(([, i]) => !!i))).then((i) => {
+        l.value = i.apps || [], s.total = i.total;
       });
-    }, g = () => {
-      p.appVisible = !0;
-    }, k = (l) => {
-      t.value = l, p.appVisible = !0;
-    }, S = (l) => {
+    }, y = () => {
+      s.appVisible = !0;
+    }, m = (t) => {
       le.confirm({
         message: "即将删除应用，删除后不可恢复，请谨慎操作。",
         title: "删除应用"
-      }).then((y) => {
-        y === "confirm" && z(l.id).then(() => {
-          d();
-        }).catch((n) => {
-          E({
+      }).then((i) => {
+        i === "confirm" && T(t.id).then(() => {
+          g();
+        }).catch((b) => {
+          O({
             type: "error",
-            message: n,
+            message: b,
             position: "top-right",
             duration: 5e3
           });
         });
       });
-    }, x = (l) => {
-      const y = window.location.href.split("?")[0] || "./";
-      window.open(`${y}?type=app&id=${l.id}&tenant=${l.tenantId}`);
-    }, w = (l) => {
-      p.type = l;
-    }, s = (l) => {
-      p.pageSize = l, p.currentPage = 1, d();
-    }, i = (l) => {
-      p.currentPage = l, d();
-    }, u = (l) => {
-      if (l != null && l.id) {
-        const y = l.id;
-        delete l.id, U(y, l).then(() => {
-          E({
+    }, C = (t) => {
+      const i = window.location.href.split("?")[0] || "./";
+      window.open(`${i}?type=app&id=${t.id}&tenant=${t.tenantId}`);
+    }, S = (t) => {
+      s.type = t;
+    }, I = (t) => {
+      s.pageSize = t, s.currentPage = 1, g();
+    }, k = (t) => {
+      s.currentPage = t, g();
+    }, v = (t) => {
+      if (t != null && t.id) {
+        const i = t.id;
+        delete t.id, A(i, t).then(() => {
+          O({
             type: "success",
             message: "应用更新成功",
             position: "top-right",
             duration: 5e3
-          }), d();
-        }).catch((n) => {
-          E({
+          }), g();
+        }).catch((b) => {
+          O({
             type: "error",
-            message: n,
+            message: b,
             position: "top-right",
             duration: 5e3
           });
         });
       } else
-        T(l).then(() => {
-          E({
+        B(t).then(() => {
+          O({
             type: "success",
             message: "应用创建成功",
             position: "top-right",
             duration: 5e3
-          }), d();
-        }).catch((y) => {
-          E({
+          }), g();
+        }).catch((i) => {
+          O({
             type: "error",
-            message: y,
+            message: i,
             position: "top-right",
             duration: 5e3
           });
         });
     };
-    return M(() => {
-      d();
+    return N(() => {
+      g();
     }), {
-      state: p,
-      appList: a,
-      currentTemplate: t,
-      appFilterOptions: f,
-      appOrderByOptions: e,
-      arrangeOptions: C,
-      creatApp: g,
-      getApplicationList: d,
-      typeClick: w,
-      handleEdit: k,
-      handleDelete: S,
-      openApplication: x,
-      confirmApp: u,
-      pageSizeChange: s,
-      currentChange: i
+      state: s,
+      appList: l,
+      appFilterOptions: n,
+      appOrderByOptions: u,
+      arrangeOptions: e,
+      creatApp: y,
+      getApplicationList: g,
+      typeClick: S,
+      handleDelete: m,
+      openApplication: C,
+      confirmApp: v,
+      pageSizeChange: I,
+      currentChange: k
     };
   }
-}, fe = { class: "app-center" }, ve = { class: "app-center-operation" }, he = { class: "app-center-filter" }, be = { class: "type-toolbar" }, Ce = ["onClick"], ke = { class: "app-center-list" }, Se = { class: "list-wrap" }, we = {
+}, he = { class: "app-center" }, ve = { class: "app-center-operation" }, be = { class: "app-center-filter" }, Ce = { class: "type-toolbar" }, ke = ["onClick"], Se = { class: "app-center-list" }, we = { class: "list-wrap" }, Ve = {
   key: 0,
   class: "list"
-}, Ve = { class: "app-name" }, xe = { class: "app-name-text" }, Ie = { class: "app-tag" }, Be = {
+}, Ie = { class: "app-name" }, xe = { class: "app-name-text" }, Be = { class: "app-tag" }, Ae = {
   key: 0,
   class: "tag"
-}, Ae = {
+}, Te = {
   key: 1,
   class: "tag"
-}, Te = {
+}, ze = {
   key: 2,
   class: "tag"
-}, Ue = { class: "app-desc" }, ze = { class: "app-view" }, Le = { class: "app-operation" }, Oe = { class: "options" }, Ee = ["onClick"], Fe = ["onClick"], Pe = { class: "app-name" };
-function je(a, t, f, e, C, p) {
-  const d = m("svg-icon"), g = m("tiny-button"), k = m("tiny-select"), S = m("tiny-icon-search"), x = m("tiny-search"), w = m("tiny-popover"), s = m("tiny-grid-column"), i = m("tiny-grid"), u = m("search-empty"), l = m("tiny-pager"), y = m("app-dialog");
-  return _(), b("div", fe, [
-    t[10] || (t[10] = c("div", { class: "app-center-title" }, "应用中心", -1)),
-    c("div", ve, [
-      o(g, {
+}, Oe = { class: "app-desc" }, Ue = { class: "app-operation" }, Le = { class: "options" }, Fe = ["onClick"], Pe = ["onClick"], Ee = { class: "app-name" };
+function je(l, n, u, e, s, g) {
+  const y = c("svg-icon"), m = c("tiny-button"), C = c("tiny-select"), S = c("tiny-icon-search"), I = c("tiny-search"), k = c("tiny-popover"), v = c("tiny-grid-column"), t = c("tiny-grid"), i = c("search-empty"), b = c("tiny-pager"), J = c("app-dialog");
+  return d(), _("div", he, [
+    n[8] || (n[8] = p("div", { class: "app-center-title" }, "应用中心", -1)),
+    p("div", ve, [
+      o(m, {
         class: "add-app",
-        onClick: t[0] || (t[0] = (n) => e.creatApp())
+        onClick: n[0] || (n[0] = (a) => e.creatApp())
       }, {
         default: r(() => [
-          o(d, { name: "add" }),
-          t[5] || (t[5] = B("创建应用 ", -1))
+          o(y, { name: "add" }),
+          n[5] || (n[5] = P("创建应用 ", -1))
         ]),
         _: 1
       }),
-      c("div", he, [
-        o(k, {
+      p("div", be, [
+        o(C, {
           modelValue: e.state.appFilter,
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => e.state.appFilter = n),
+          "onUpdate:modelValue": n[1] || (n[1] = (a) => e.state.appFilter = a),
           options: e.appFilterOptions,
           onChange: e.getApplicationList
         }, null, 8, ["modelValue", "options", "onChange"]),
-        o(k, {
+        o(C, {
           modelValue: e.state.orderBy,
-          "onUpdate:modelValue": t[2] || (t[2] = (n) => e.state.orderBy = n),
+          "onUpdate:modelValue": n[2] || (n[2] = (a) => e.state.orderBy = a),
           options: e.appOrderByOptions,
           onChange: e.getApplicationList
         }, null, 8, ["modelValue", "options", "onChange"]),
-        o(x, {
+        o(I, {
           class: "app-center-search",
           modelValue: e.state.appSearchKey,
-          "onUpdate:modelValue": t[3] || (t[3] = (n) => e.state.appSearchKey = n),
+          "onUpdate:modelValue": n[3] || (n[3] = (a) => e.state.appSearchKey = a),
           clearable: "",
           placeholder: "输入关键字搜索、过滤",
           onSearch: e.getApplicationList,
@@ -544,53 +545,42 @@ function je(a, t, f, e, C, p) {
           ]),
           _: 1
         }, 8, ["modelValue", "onSearch"]),
-        c("div", be, [
-          (_(!0), b(G, null, H(e.arrangeOptions, (n) => (_(), b("span", {
-            key: n.id,
-            class: X(["icon-wrap", { active: e.state.type === n.id }]),
-            onClick: (L) => e.typeClick(n.id)
+        p("div", Ce, [
+          (d(!0), _(D, null, G(e.arrangeOptions, (a) => (d(), _("span", {
+            key: a.id,
+            class: X(["icon-wrap", { active: e.state.type === a.id }]),
+            onClick: (F) => e.typeClick(a.id)
           }, [
-            o(d, {
-              name: n.assetsUrl
+            o(y, {
+              name: a.assetsUrl
             }, null, 8, ["name"])
-          ], 10, Ce))), 128))
+          ], 10, ke))), 128))
         ])
       ])
     ]),
-    c("div", ke, [
-      c("div", Se, [
-        e.state.type === "default" ? (_(), b("div", we, [
-          (_(!0), b(G, null, H(e.appList, (n) => {
-            var L, N;
-            return _(), b("div", {
-              key: n.id,
+    p("div", Se, [
+      p("div", we, [
+        e.state.type === "default" ? (d(), _("div", Ve, [
+          (d(!0), _(D, null, G(e.appList, (a) => {
+            var F, H;
+            return d(), _("div", {
+              key: a.id,
               class: "item"
             }, [
-              c("div", Ve, [
-                o(d, {
-                  name: n.assetsUrl || "template-cover-1",
+              p("div", Ie, [
+                o(y, {
+                  name: a.assetsUrl || "template-cover-1",
                   class: "app-img"
                 }, null, 8, ["name"]),
-                c("span", xe, O(n.name), 1)
+                p("span", xe, z(a.name), 1)
               ]),
-              c("div", Ie, [
-                n.sceneId ? (_(), b("div", Be, O((L = n.scene[0]) == null ? void 0 : L.name), 1)) : I("", !0),
-                n.industryId ? (_(), b("div", Ae, O((N = n.industry[0]) == null ? void 0 : N.name), 1)) : I("", !0),
-                n.framework ? (_(), b("div", Te, O(n.framework), 1)) : I("", !0)
-              ]),
-              c("div", Ue, O(n.description), 1),
-              c("div", ze, [
-                o(g, {
-                  round: "",
-                  onClick: (K) => e.openApplication(n)
-                }, {
-                  default: r(() => [...t[6] || (t[6] = [
-                    B("开发应用", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["onClick"])
+              p("div", Be, [
+                a.sceneId ? (d(), _("div", Ae, z((F = a.scene[0]) == null ? void 0 : F.name), 1)) : w("", !0),
+                a.industryId ? (d(), _("div", Te, z((H = a.industry[0]) == null ? void 0 : H.name), 1)) : w("", !0),
+                a.framework ? (d(), _("div", ze, z(a.framework), 1)) : w("", !0)
               ]),
-              o(w, {
+              p("div", Oe, z(a.description), 1),
+              o(k, {
                 "visible-arrow": !1,
                 trigger: "hover",
                 placement: "bottom-start",
@@ -599,95 +589,86 @@ function je(a, t, f, e, C, p) {
                 ref: "popoverRef"
               }, {
                 reference: r(() => [
-                  c("div", Le, [
-                    o(d, { name: "ellipsis" })
+                  p("div", Ue, [
+                    o(y, { name: "ellipsis" })
                   ])
                 ]),
                 default: r(() => [
-                  c("div", Oe, [
-                    c("div", {
+                  p("div", Le, [
+                    p("div", {
                       class: "option",
-                      onClick: (K) => e.handleEdit(n)
-                    }, "编辑应用", 8, Ee),
-                    c("div", {
+                      onClick: (Q) => e.openApplication(a)
+                    }, "开发应用", 8, Fe),
+                    p("div", {
                       class: "option",
-                      onClick: (K) => e.handleDelete(n)
-                    }, "删除应用", 8, Fe)
+                      onClick: (Q) => e.handleDelete(a)
+                    }, "删除应用", 8, Pe)
                   ])
                 ]),
                 _: 2
               }, 1536)
             ]);
           }), 128))
-        ])) : I("", !0),
-        e.state.type === "table" && e.appList.length ? (_(), D(i, {
+        ])) : w("", !0),
+        e.state.type === "table" && e.appList.length ? (d(), R(t, {
           key: 1,
           ref: "gridRef",
           class: "table",
           data: e.appList
         }, {
           default: r(() => [
-            o(s, {
+            o(v, {
               field: "name",
               title: "应用名称",
               "show-overflow": ""
             }, {
-              default: r((n) => [
-                c("div", Pe, [
-                  o(d, {
-                    name: n.row.assetsUrl || "template-cover-1",
+              default: r((a) => [
+                p("div", Ee, [
+                  o(y, {
+                    name: a.row.assetsUrl || "template-cover-1",
                     class: "app-img"
                   }, null, 8, ["name"]),
-                  c("span", null, O(n.row.name), 1)
+                  p("span", null, z(a.row.name), 1)
                 ])
               ]),
               _: 1
             }),
-            o(s, {
+            o(v, {
               field: "created_at",
               title: "创建时间",
               "show-overflow": ""
             }),
-            o(s, {
+            o(v, {
               field: "createdBy",
               title: "创建人",
               "show-overflow": ""
             }),
-            o(s, {
+            o(v, {
               field: "description",
               title: "应用描述",
               "show-overflow": ""
             }),
-            o(s, {
+            o(v, {
               width: "180",
               field: "operation",
               title: "操作"
             }, {
-              default: r((n) => [
-                o(g, {
-                  type: "text",
-                  onClick: (L) => e.handleEdit(n.row)
-                }, {
-                  default: r(() => [...t[7] || (t[7] = [
-                    B(" 编辑 ", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["onClick"]),
-                o(g, {
+              default: r((a) => [
+                o(m, {
                   type: "text",
-                  onClick: (L) => e.handleDelete(n.row)
+                  onClick: (F) => e.openApplication(a.row)
                 }, {
-                  default: r(() => [...t[8] || (t[8] = [
-                    B(" 删除 ", -1)
+                  default: r(() => [...n[6] || (n[6] = [
+                    P(" 开发应用 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                o(g, {
+                o(m, {
                   type: "text",
-                  onClick: (L) => e.openApplication(n.row)
+                  onClick: (F) => e.handleDelete(a.row)
                 }, {
-                  default: r(() => [...t[9] || (t[9] = [
-                    B(" 开发应用 ", -1)
+                  default: r(() => [...n[7] || (n[7] = [
+                    P(" 删除应用 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"])
@@ -696,12 +677,12 @@ function je(a, t, f, e, C, p) {
             })
           ]),
           _: 1
-        }, 8, ["data"])) : I("", !0),
-        o(u, {
+        }, 8, ["data"])) : w("", !0),
+        o(i, {
           isShow: !e.appList.length
         }, null, 8, ["isShow"])
       ]),
-      e.state.total > e.state.pageSize ? (_(), D(l, {
+      e.state.total > e.state.pageSize ? (d(), R(b, {
         key: 0,
         mode: "number",
         "current-page": e.state.currentPage,
@@ -710,17 +691,16 @@ function je(a, t, f, e, C, p) {
         total: e.state.total,
         onSizeChange: e.pageSizeChange,
         onCurrentChange: e.currentChange
-      }, null, 8, ["current-page", "page-size", "page-sizes", "total", "onSizeChange", "onCurrentChange"])) : I("", !0)
+      }, null, 8, ["current-page", "page-size", "page-sizes", "total", "onSizeChange", "onCurrentChange"])) : w("", !0)
     ]),
-    o(y, {
+    o(J, {
       visible: e.state.appVisible,
-      "onUpdate:visible": t[4] || (t[4] = (n) => e.state.appVisible = n),
-      template: e.currentTemplate,
+      "onUpdate:visible": n[4] || (n[4] = (a) => e.state.appVisible = a),
       onConfirm: e.confirmApp
-    }, null, 8, ["visible", "template", "onConfirm"])
+    }, null, 8, ["visible", "onConfirm"])
   ]);
 }
-const Re = /* @__PURE__ */ Q(_e, [["render", je], ["__scopeId", "data-v-4b70bdeb"]]), qe = {
+const Re = /* @__PURE__ */ q(fe, [["render", je], ["__scopeId", "data-v-2d6a9530"]]), qe = {
   ...pe,
   entry: Re
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../meta.js","../src/AppDialog.vue","../src/Main.vue","../index.ts"],"sourcesContent":["export default {\n  id: 'engine.workspace.application-center',\n  title: '应用中心',\n  type: 'workspace',\n  icon: 'workspace-icon-application-center'\n}\n","<template>\n  <tiny-dialog-box\n    :visible=\"visible\"\n    title=\"新建应用\"\n    width=\"400px\"\n    append-to-body\n    destroy-on-close\n    @update:visible=\"setVisible\"\n  >\n    <tiny-form\n      ref=\"editAppInfoRef\"\n      label-position=\"left\"\n      label-width=\"84px\"\n      label-align\n      :model=\"formState\"\n      :rules=\"validRules\"\n      validate-type=\"text\"\n    >\n      <tiny-form-item label=\"应用名称\" prop=\"name\">\n        <tiny-input v-model=\"formState.name\" placeholder=\"请输入\"></tiny-input>\n      </tiny-form-item>\n      <tiny-form-item label=\"应用描述\" prop=\"description\">\n        <tiny-input v-model=\"formState.description\" type=\"textarea\" placeholder=\"请输入此次发布的修改点\"></tiny-input>\n      </tiny-form-item>\n      <tiny-form-item label=\"场景\" prop=\"sceneId\">\n        <tiny-select\n          v-model=\"formState.sceneId\"\n          placeholder=\"请选择\"\n          :options=\"tagsList.scene\"\n          :disabled=\"template?.sceneId\"\n          value-field=\"id\"\n          text-field=\"name\"\n        ></tiny-select>\n      </tiny-form-item>\n      <tiny-form-item label=\"行业\" prop=\"industryId\">\n        <tiny-select\n          v-model=\"formState.industryId\"\n          placeholder=\"请选择\"\n          :options=\"tagsList.industry\"\n          :disabled=\"template?.industryId\"\n          value-field=\"id\"\n          text-field=\"name\"\n        ></tiny-select>\n      </tiny-form-item>\n      <tiny-form-item label=\"缩略图\">\n        <div class=\"form-item-icon-wrapper\">\n          <svg-icon :name=\"formState.assetsUrl\" class=\"form-item-icon\" @click=\"handleOpen\"></svg-icon>\n          <transition name=\"dropdown\">\n            <div v-if=\"isOpen\" class=\"dropdown-menu\">\n              <!-- 菜单项 -->\n              <div class=\"icon-list\">\n                <template v-for=\"iconIndex in 15\" :key=\"iconIndex\">\n                  <svg-icon\n                    :name=\"'template-cover-' + iconIndex\"\n                    class=\"icon\"\n                    @click=\"handleSelectIcon('template-cover-' + iconIndex)\"\n                  ></svg-icon>\n                </template>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </tiny-form-item>\n    </tiny-form>\n    <template #footer>\n      <tiny-button type=\"primary\" @click=\"confirm\"> 确定 </tiny-button>\n      <tiny-button @click=\"setVisible(false)\">取消</tiny-button>\n    </template>\n  </tiny-dialog-box>\n</template>\n\n<script lang=\"ts\">\nimport { ref, reactive, onMounted } from 'vue'\nimport {\n  Input as TinyInput,\n  Button as TinyButton,\n  DialogBox as TinyDialogBox,\n  Form as TinyForm,\n  FormItem as TinyFormItem,\n  Select as TinySelect,\n  Notify\n} from '@opentiny/vue'\nimport { fetchBusinessCategoryByGroup } from './js/http'\n\nexport default {\n  components: {\n    TinyInput,\n    TinyButton,\n    TinyDialogBox,\n    TinyForm,\n    TinyFormItem,\n    TinySelect\n  },\n  props: {\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    template: {\n      type: Object,\n      default: () => ({})\n    },\n    openByTemplate: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['confirm'],\n  setup(props, { emit }) {\n    const editAppInfoRef = ref()\n\n    const formState = reactive({\n      name: props.template.name || '',\n      description: props.template.description || '',\n      sceneId: props.template.sceneId || null,\n      industryId: props.template.industryId || null,\n      assetsUrl: props.template.assetsUrl || 'template-cover-1'\n    })\n\n    const isOpen = ref(false)\n\n    const tagsList = reactive({\n      scene: [],\n      industry: []\n    })\n\n    const validRules = {\n      name: [\n        { required: true, message: '应用名称必填', trigger: 'blur' },\n        { max: 50, message: '长度不大于50', trigger: 'change' },\n        {\n          trigger: 'blur',\n          validator: (rule: any, value: string, callback: any) => {\n            if (!/^[\\w\\-_]+$/.test(value)) {\n              callback(new Error('应用名称只能包括英文、数字、中划线和下划线'))\n            } else {\n              callback()\n            }\n          }\n        }\n      ],\n      description: [\n        { max: 200, message: '长度不大于200', trigger: 'change' },\n        {\n          trigger: 'blur',\n          validator: (rule: any, value: string, callback: any) => {\n            if (!/^[\\w\\-_\\u4e00-\\u9fa5]*$/.test(value)) {\n              callback(new Error('描述只能包括中文、英文、数字、中划线和下划线'))\n            } else {\n              callback()\n            }\n          }\n        }\n      ],\n      sceneId: [{ required: true, message: '场景必选', trigger: 'change' }],\n      industryId: [{ required: true, message: '行业必选', trigger: 'change' }]\n    }\n\n    const setVisible = (visible: boolean) => emit('update:visible', visible)\n\n    const getTagsList = async () => {\n      Promise.all([fetchBusinessCategoryByGroup('场景'), fetchBusinessCategoryByGroup('行业')])\n        .then((res) => {\n          tagsList.scene = res[0] || []\n          tagsList.industry = res[1] || []\n        })\n        .catch((error) => {\n          Notify({\n            type: 'error',\n            message: error,\n            position: 'top-right',\n            duration: 5000\n          })\n        })\n    }\n\n    const handleOpen = () => {\n      isOpen.value = true\n    }\n\n    const handleSelectIcon = (icon: string) => {\n      formState.assetsUrl = icon\n      isOpen.value = false\n    }\n\n    const confirm = () => {\n      editAppInfoRef.value.validate((valid: boolean) => {\n        if (valid) {\n          emit(\n            'confirm',\n            props.template?.id\n              ? {\n                  id: props.template.id,\n                  ...formState\n                }\n              : formState\n          )\n\n          setVisible(false)\n        }\n      })\n    }\n\n    onMounted(() => {\n      getTagsList()\n    })\n\n    return {\n      isOpen,\n      editAppInfoRef,\n      formState,\n      validRules,\n      tagsList,\n      setVisible,\n      handleOpen,\n      handleSelectIcon,\n      confirm\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.form-item-icon-wrapper {\n  position: relative;\n  .form-item-icon {\n    font-size: 40px;\n    cursor: pointer;\n  }\n  .dropdown-menu {\n    position: absolute;\n    bottom: 100%;\n    left: 0;\n    padding: 16px;\n    margin-bottom: 5px;\n    width: 216px;\n    border-radius: 4px;\n    z-index: 1000;\n    overflow: hidden;\n    background: var(--te-template-common-bg-color);\n    box-shadow: 0 4px 16px 0 var(--te-base-box-shadow-rgba-3);\n\n    .icon-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 4px 0;\n      .icon {\n        font-size: 32px;\n        cursor: pointer;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"app-center\">\n    <div class=\"app-center-title\">应用中心</div>\n    <div class=\"app-center-operation\">\n      <tiny-button class=\"add-app\" @click=\"creatApp()\"> <svg-icon name=\"add\"></svg-icon>创建应用 </tiny-button>\n      <div class=\"app-center-filter\">\n        <tiny-select v-model=\"state.appFilter\" :options=\"appFilterOptions\" @change=\"getApplicationList\"></tiny-select>\n        <tiny-select v-model=\"state.orderBy\" :options=\"appOrderByOptions\" @change=\"getApplicationList\"></tiny-select>\n        <tiny-search\n          class=\"app-center-search\"\n          v-model=\"state.appSearchKey\"\n          clearable\n          placeholder=\"输入关键字搜索、过滤\"\n          @search=\"getApplicationList\"\n          is-enter-search\n        >\n          <template #prefix> <tiny-icon-search /> </template>\n        </tiny-search>\n        <div class=\"type-toolbar\">\n          <span\n            v-for=\"item in arrangeOptions\"\n            :key=\"item.id\"\n            :class=\"['icon-wrap', { active: state.type === item.id }]\"\n            @click=\"typeClick(item.id)\"\n          >\n            <svg-icon :name=\"item.assetsUrl\"></svg-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n    <div class=\"app-center-list\">\n      <div class=\"list-wrap\">\n        <div class=\"list\" v-if=\"state.type === 'default'\">\n          <template v-for=\"item in appList\" :key=\"item.id\">\n            <div class=\"item\">\n              <div class=\"app-name\">\n                <svg-icon :name=\"item.assetsUrl || 'template-cover-1'\" class=\"app-img\"></svg-icon>\n                <span class=\"app-name-text\">{{ item.name }}</span>\n              </div>\n              <div class=\"app-tag\">\n                <div v-if=\"item.sceneId\" class=\"tag\">\n                  {{ item.scene[0]?.name }}\n                </div>\n                <div v-if=\"item.industryId\" class=\"tag\">\n                  {{ item.industry[0]?.name }}\n                </div>\n                <div v-if=\"item.framework\" class=\"tag\">{{ item.framework }}</div>\n              </div>\n              <div class=\"app-desc\">{{ item.description }}</div>\n              <div class=\"app-view\">\n                <tiny-button round @click=\"openApplication(item)\">开发应用</tiny-button>\n              </div>\n              <tiny-popover\n                :visible-arrow=\"false\"\n                trigger=\"hover\"\n                placement=\"bottom-start\"\n                popper-class=\"operation-popover\"\n                ref=\"popoverRef\"\n              >\n                <template #reference>\n                  <div class=\"app-operation\">\n                    <svg-icon name=\"ellipsis\"></svg-icon>\n                  </div>\n                </template>\n                <div class=\"options\">\n                  <div class=\"option\" @click=\"handleEdit(item)\">编辑应用</div>\n                  <div class=\"option\" @click=\"handleDelete(item)\">删除应用</div>\n                </div>\n              </tiny-popover>\n            </div>\n          </template>\n        </div>\n        <tiny-grid ref=\"gridRef\" class=\"table\" v-if=\"state.type === 'table' && appList.length\" :data=\"appList\">\n          <tiny-grid-column field=\"name\" title=\"应用名称\" show-overflow>\n            <template #default=\"data\">\n              <div class=\"app-name\">\n                <svg-icon :name=\"data.row.assetsUrl || 'template-cover-1'\" class=\"app-img\"></svg-icon>\n                <span>{{ data.row.name }}</span>\n              </div>\n            </template>\n          </tiny-grid-column>\n          <tiny-grid-column field=\"created_at\" title=\"创建时间\" show-overflow></tiny-grid-column>\n          <tiny-grid-column field=\"createdBy\" title=\"创建人\" show-overflow></tiny-grid-column>\n          <tiny-grid-column field=\"description\" title=\"应用描述\" show-overflow></tiny-grid-column>\n          <tiny-grid-column width=\"180\" field=\"operation\" title=\"操作\">\n            <template #default=\"data\">\n              <tiny-button type=\"text\" @click=\"handleEdit(data.row)\"> 编辑 </tiny-button>\n              <tiny-button type=\"text\" @click=\"handleDelete(data.row)\"> 删除 </tiny-button>\n              <tiny-button type=\"text\" @click=\"openApplication(data.row)\"> 开发应用 </tiny-button>\n            </template>\n          </tiny-grid-column>\n        </tiny-grid>\n        <search-empty :isShow=\"!appList.length\" />\n      </div>\n      <tiny-pager\n        v-if=\"state.total > state.pageSize\"\n        mode=\"number\"\n        :current-page=\"state.currentPage\"\n        :page-size=\"state.pageSize\"\n        :page-sizes=\"state.pageSizes\"\n        :total=\"state.total\"\n        @size-change=\"pageSizeChange\"\n        @current-change=\"currentChange\"\n      ></tiny-pager>\n    </div>\n    <app-dialog v-model:visible=\"state.appVisible\" :template=\"currentTemplate\" @confirm=\"confirmApp\"></app-dialog>\n  </div>\n</template>\n\n<script>\nimport { reactive, ref, onMounted } from 'vue'\nimport { Button, Select, Pager, Grid, GridColumn, Popover, Search, Modal, Notify } from '@opentiny/vue'\nimport { iconSearch } from '@opentiny/vue-icon'\nimport { SearchEmpty } from '@opentiny/tiny-engine-common'\nimport AppDialog from './AppDialog.vue'\nimport { fetchApplicationList, createApplication, updateApplication, deleteApplication } from './js/http'\n\nexport default {\n  components: {\n    TinyButton: Button,\n    TinySelect: Select,\n    TinyPager: Pager,\n    TinyGrid: Grid,\n    TinyGridColumn: GridColumn,\n    TinyPopover: Popover,\n    TinySearch: Search,\n    SearchEmpty,\n    TinyIconSearch: iconSearch(),\n    AppDialog\n  },\n\n  setup() {\n    const appList = ref([])\n\n    const currentTemplate = ref()\n\n    const appFilterOptions = [\n      {\n        label: '全部应用',\n        value: 'all'\n      },\n      {\n        label: '我的应用',\n        value: 'my'\n      }\n    ]\n\n    const appOrderByOptions = [\n      {\n        label: '按创建时间排序',\n        value: 'created_time'\n      },\n      {\n        label: '按最近更新时间排序',\n        value: 'last_updated_time'\n      }\n    ]\n\n    const arrangeOptions = [\n      {\n        id: 'default',\n        name: '栅格',\n        assetsUrl: 'workspace-icon-application-center'\n      },\n      {\n        id: 'table',\n        name: '列表',\n        assetsUrl: 'small-list'\n      }\n    ]\n\n    const state = reactive({\n      appFilter: 'all',\n      orderBy: 'created_time',\n      appSearchKey: '',\n      type: 'default',\n      total: 0,\n      pageSize: 10,\n      currentPage: 1,\n      pageSizes: [10, 20, 30, 40],\n      appVisible: false\n    })\n\n    const getApplicationList = () => {\n      const params = {\n        currentPage: state.currentPage,\n        pageSize: state.pageSize,\n        name: state.appSearchKey,\n        createdBy: state.appFilter === 'all' ? '' : '1'\n      }\n      if (state.orderBy === 'last_updated_time') {\n        params.orderBy = state.orderBy\n      }\n      fetchApplicationList(Object.fromEntries(Object.entries(params).filter(([, value]) => !!value))).then((res) => {\n        appList.value = res.apps || []\n        state.total = res.total\n      })\n    }\n\n    const creatApp = () => {\n      state.appVisible = true\n    }\n\n    const handleEdit = (template) => {\n      currentTemplate.value = template\n      state.appVisible = true\n    }\n\n    const handleDelete = (template) => {\n      Modal.confirm({\n        message: '即将删除应用，删除后不可恢复，请谨慎操作。',\n        title: '删除应用'\n      }).then((res) => {\n        if (res === 'confirm') {\n          deleteApplication(template.id)\n            .then(() => {\n              getApplicationList()\n            })\n            .catch((error) => {\n              Notify({\n                type: 'error',\n                message: error,\n                position: 'top-right',\n                duration: 5000\n              })\n            })\n        }\n      })\n    }\n\n    const openApplication = (template) => {\n      const href = window.location.href.split('?')[0] || './'\n      window.open(`${href}?type=app&id=${template.id}&tenant=${template.tenantId}`)\n    }\n\n    const typeClick = (type) => {\n      state.type = type\n    }\n\n    const pageSizeChange = (val) => {\n      state.pageSize = val\n      state.currentPage = 1\n      getApplicationList()\n    }\n\n    const currentChange = (val) => {\n      state.currentPage = val\n      getApplicationList()\n    }\n\n    const confirmApp = (formData) => {\n      if (formData?.id) {\n        const updateId = formData.id\n        delete formData.id\n        updateApplication(updateId, formData)\n          .then(() => {\n            Notify({\n              type: 'success',\n              message: '应用更新成功',\n              position: 'top-right',\n              duration: 5000\n            })\n            getApplicationList()\n          })\n          .catch((error) => {\n            Notify({\n              type: 'error',\n              message: error,\n              position: 'top-right',\n              duration: 5000\n            })\n          })\n      } else {\n        createApplication(formData)\n          .then(() => {\n            Notify({\n              type: 'success',\n              message: '应用创建成功',\n              position: 'top-right',\n              duration: 5000\n            })\n            getApplicationList()\n          })\n          .catch((error) => {\n            Notify({\n              type: 'error',\n              message: error,\n              position: 'top-right',\n              duration: 5000\n            })\n          })\n      }\n    }\n\n    onMounted(() => {\n      getApplicationList()\n    })\n\n    return {\n      state,\n      appList,\n      currentTemplate,\n      appFilterOptions,\n      appOrderByOptions,\n      arrangeOptions,\n      creatApp,\n      getApplicationList,\n      typeClick,\n      handleEdit,\n      handleDelete,\n      openApplication,\n      confirmApp,\n      pageSizeChange,\n      currentChange\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.app-center {\n  padding: 24px;\n  background: var(--te-template-common-bg-color);\n  height: -webkit-fill-available;\n  .app-center-title {\n    font-size: 20px;\n    font-weight: 600;\n  }\n  .app-center-operation {\n    margin: 24px 0 20px;\n    display: flex;\n    justify-content: space-between;\n  }\n  .app-center-filter {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  .app-center-search {\n    min-width: 300px;\n  }\n  .type-toolbar {\n    display: flex;\n    border-radius: 4px;\n    background-color: var(--te-template-app-center-btn-bg-color);\n    .icon-wrap {\n      width: 24px;\n      height: 24px;\n      color: var(--te-template-app-center-btn-icon-color);\n      font-size: 16px;\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      transition: 0.3s;\n      &.active {\n        border: 1px solid var(--te-template-app-center-btn-border-color-active);\n        color: var(--te-template-app-center-btn-color-active);\n        border-radius: 4px;\n        background-color: var(--te-template-app-center-btn-bg-color-active);\n      }\n    }\n  }\n  .app-center-list {\n    height: calc(100vh - 200px);\n  }\n}\n.list {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  .item {\n    width: 252px;\n    padding: 24px;\n    border-radius: 8px;\n    background: var(--te-template-center-common-item-bg-color);\n    position: relative;\n    .app-name {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      .app-img {\n        width: 40px;\n        height: 40px;\n      }\n      .app-name-text {\n        font-size: 18px;\n        font-weight: 600;\n      }\n    }\n    .app-tag {\n      display: flex;\n      gap: 4px;\n      height: 20px;\n      margin-top: 12px;\n      .tag {\n        padding: 2px 4px;\n        border-radius: 2px;\n        background: var(--te-template-center-common-item-tag-bg-color);\n      }\n    }\n    .app-desc {\n      margin-top: 12px;\n      color: var(--te-template-center-common-item-desc-text-color);\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .app-view {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n    }\n    .app-operation {\n      display: none;\n    }\n    &:hover {\n      .app-operation {\n        display: block;\n        position: absolute;\n        width: 20px;\n        height: 20px;\n        border-radius: 4px;\n        background: var(--te-template-center-common-item-operation-bg-color);\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        top: 16px;\n        right: 16px;\n      }\n    }\n  }\n}\n.table {\n  .app-name {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    .app-img {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .tiny-button.tiny-button--text {\n    padding-left: 0;\n  }\n}\n\n.list-wrap {\n  margin-bottom: 12px;\n  max-height: calc(100% - 80px);\n  overflow: auto;\n  .empty-wrap {\n    width: 100%;\n  }\n}\n.options {\n  .option {\n    padding: 4px 16px;\n    cursor: pointer;\n    &:hover {\n      background: var(--te-template-common-bg-color-hover);\n    }\n  }\n}\n</style>\n<style lang=\"less\">\n.tiny-pager__selector.tiny-popover.tiny-popper[x-placement],\n.operation-popover.tiny-popover.tiny-popper[x-placement] {\n  padding: 8px 0;\n}\n</style>\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n  ...metaData,\n  entry\n}\n"],"names":["metaData","_sfc_main$1","TinyInput","TinyButton","TinyDialogBox","TinyForm","TinyFormItem","TinySelect","props","emit","editAppInfoRef","ref","formState","reactive","isOpen","tagsList","validRules","rule","value","callback","setVisible","visible","getTagsList","fetchBusinessCategoryByGroup","res","error","Notify","handleOpen","handleSelectIcon","icon","confirm","valid","_a","onMounted","_hoisted_1","_hoisted_3","_createBlock","_component_tiny_dialog_box","$props","$setup","_withCtx","_createVNode","_component_tiny_button","_cache","_createTextVNode","_component_tiny_form","_component_tiny_form_item","_component_tiny_input","$event","_component_tiny_select","_createElementVNode","_component_svg_icon","_Transition","_openBlock","_createElementBlock","_hoisted_2","_Fragment","_renderList","iconIndex","_sfc_main","Button","Select","Pager","Grid","GridColumn","Popover","Search","SearchEmpty","iconSearch","AppDialog","appList","currentTemplate","appFilterOptions","appOrderByOptions","arrangeOptions","state","getApplicationList","params","fetchApplicationList","creatApp","handleEdit","template","handleDelete","Modal","deleteApplication","openApplication","href","typeClick","type","pageSizeChange","val","currentChange","confirmApp","formData","updateId","updateApplication","createApplication","_hoisted_4","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_21","_component_tiny_search","_component_tiny_icon_search","item","_hoisted_8","_toDisplayString","_hoisted_12","_hoisted_13","_b","_hoisted_14","_component_tiny_popover","_hoisted_19","_hoisted_20","_component_tiny_grid","_component_tiny_grid_column","data","_component_search_empty","_component_tiny_pager","_component_app_dialog","index","entry"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../meta.js","../src/AppDialog.vue","../src/Main.vue","../index.ts"],"sourcesContent":["export default {\n  id: 'engine.workspace.application-center',\n  title: '应用中心',\n  type: 'workspace',\n  icon: 'workspace-icon-application-center'\n}\n","<template>\n  <tiny-dialog-box :visible=\"visible\" title=\"新建应用\" width=\"400px\" append-to-body destroy-on-close @close=\"cancle\">\n    <tiny-form\n      ref=\"editAppInfoRef\"\n      label-position=\"left\"\n      label-width=\"84px\"\n      label-align\n      :model=\"formState\"\n      :rules=\"validRules\"\n      validate-type=\"text\"\n    >\n      <tiny-form-item label=\"应用名称\" prop=\"name\">\n        <tiny-input v-model=\"formState.name\" placeholder=\"请输入\"></tiny-input>\n      </tiny-form-item>\n      <tiny-form-item label=\"应用描述\" prop=\"description\">\n        <tiny-input v-model=\"formState.description\" type=\"textarea\" placeholder=\"请输入此次发布的修改点\"></tiny-input>\n      </tiny-form-item>\n      <tiny-form-item label=\"场景\" prop=\"sceneId\">\n        <tiny-select\n          v-model=\"formState.sceneId\"\n          placeholder=\"请选择\"\n          :options=\"tagsList.scene\"\n          :disabled=\"template?.sceneId\"\n          value-field=\"id\"\n          text-field=\"name\"\n        ></tiny-select>\n      </tiny-form-item>\n      <tiny-form-item label=\"行业\" prop=\"industryId\">\n        <tiny-select\n          v-model=\"formState.industryId\"\n          placeholder=\"请选择\"\n          :options=\"tagsList.industry\"\n          :disabled=\"template?.industryId\"\n          value-field=\"id\"\n          text-field=\"name\"\n        ></tiny-select>\n      </tiny-form-item>\n      <tiny-form-item label=\"缩略图\">\n        <div class=\"form-item-icon-wrapper\">\n          <div class=\"form-item-icon-mask\" v-if=\"isOpen\"></div>\n          <svg-icon :name=\"formState.assetsUrl\" class=\"form-item-icon\" @click=\"handleOpen\"></svg-icon>\n          <transition name=\"dropdown\">\n            <div v-if=\"isOpen\" class=\"dropdown-menu\">\n              <!-- 菜单项 -->\n              <div class=\"icon-list\">\n                <template v-for=\"iconIndex in 15\" :key=\"iconIndex\">\n                  <svg-icon\n                    :name=\"'template-cover-' + iconIndex\"\n                    class=\"icon\"\n                    @click=\"handleSelectIcon('template-cover-' + iconIndex)\"\n                  ></svg-icon>\n                </template>\n              </div>\n            </div>\n          </transition>\n        </div>\n      </tiny-form-item>\n    </tiny-form>\n    <template #footer>\n      <tiny-button type=\"primary\" @click=\"confirm\"> 确定 </tiny-button>\n      <tiny-button @click=\"cancle\">取消</tiny-button>\n    </template>\n  </tiny-dialog-box>\n</template>\n\n<script lang=\"ts\">\nimport { ref, reactive, onMounted } from 'vue'\nimport {\n  Input as TinyInput,\n  Button as TinyButton,\n  DialogBox as TinyDialogBox,\n  Form as TinyForm,\n  FormItem as TinyFormItem,\n  Select as TinySelect,\n  Notify\n} from '@opentiny/vue'\nimport { fetchBusinessCategoryByGroup } from './js/http'\n\nexport default {\n  components: {\n    TinyInput,\n    TinyButton,\n    TinyDialogBox,\n    TinyForm,\n    TinyFormItem,\n    TinySelect\n  },\n  props: {\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    template: {\n      type: Object,\n      default: () => ({})\n    },\n    openByTemplate: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['confirm'],\n  setup(props, { emit }) {\n    const editAppInfoRef = ref()\n\n    const formState = reactive({\n      name: props.template.name || '',\n      description: props.template.description || '',\n      sceneId: props.template.sceneId || null,\n      industryId: props.template.industryId || null,\n      assetsUrl: props.template.assetsUrl || 'template-cover-1'\n    })\n\n    const isOpen = ref(false)\n\n    const tagsList = reactive({\n      scene: [],\n      industry: []\n    })\n\n    const validRules = {\n      name: [\n        { required: true, message: '应用名称必填', trigger: 'blur' },\n        { max: 50, message: '长度不大于50', trigger: 'change' },\n        {\n          trigger: 'blur',\n          validator: (rule: any, value: string, callback: any) => {\n            if (!/^[\\w\\-_]+$/.test(value)) {\n              callback(new Error('应用名称只能包括英文、数字、中划线和下划线'))\n            } else {\n              callback()\n            }\n          }\n        }\n      ],\n      description: [\n        { max: 200, message: '长度不大于200', trigger: 'change' },\n        {\n          trigger: 'blur',\n          validator: (rule: any, value: string, callback: any) => {\n            if (!/^[\\w\\-_\\u4e00-\\u9fa5]*$/.test(value)) {\n              callback(new Error('描述只能包括中文、英文、数字、中划线和下划线'))\n            } else {\n              callback()\n            }\n          }\n        }\n      ],\n      sceneId: [{ required: true, message: '场景必选', trigger: 'change' }],\n      industryId: [{ required: true, message: '行业必选', trigger: 'change' }]\n    }\n\n    const setVisible = (visible: boolean) => emit('update:visible', visible)\n\n    const getTagsList = async () => {\n      Promise.all([fetchBusinessCategoryByGroup('场景'), fetchBusinessCategoryByGroup('行业')])\n        .then((res) => {\n          tagsList.scene = res[0] || []\n          tagsList.industry = res[1] || []\n        })\n        .catch((error) => {\n          Notify({\n            type: 'error',\n            message: error,\n            position: 'top-right',\n            duration: 5000\n          })\n        })\n    }\n\n    const handleOpen = () => {\n      isOpen.value = true\n    }\n\n    const handleSelectIcon = (icon: string) => {\n      formState.assetsUrl = icon\n      isOpen.value = false\n    }\n\n    const cancle = () => {\n      isOpen.value = false\n      setVisible(false)\n    }\n\n    const confirm = () => {\n      editAppInfoRef.value.validate((valid: boolean) => {\n        if (valid) {\n          emit(\n            'confirm',\n            props.template?.id\n              ? {\n                  id: props.template.id,\n                  ...formState\n                }\n              : formState\n          )\n\n          cancle()\n        }\n      })\n    }\n\n    onMounted(() => {\n      getTagsList()\n    })\n\n    return {\n      isOpen,\n      editAppInfoRef,\n      formState,\n      validRules,\n      tagsList,\n      setVisible,\n      handleOpen,\n      handleSelectIcon,\n      confirm,\n      cancle\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.form-item-icon-wrapper {\n  position: relative;\n  .form-item-icon {\n    font-size: 40px;\n    cursor: pointer;\n  }\n  .form-item-icon-mask {\n    background-color: var(--te-app-center-mask-modal-bg-color);\n    transition: background-color, 0.2s, ease-in-out;\n    position: fixed;\n    width: 40px;\n    height: 40px;\n    border-radius: 8px;\n  }\n  .dropdown-menu {\n    position: absolute;\n    bottom: 100%;\n    left: 0;\n    padding: 16px;\n    margin-bottom: 5px;\n    width: 192px;\n    border-radius: 4px;\n    z-index: 1000;\n    overflow: hidden;\n    background: var(--te-template-common-bg-color);\n    box-shadow: 0 4px 16px 0 var(--te-base-box-shadow-rgba-3);\n\n    .icon-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 4px 0;\n      .icon {\n        font-size: 32px;\n        cursor: pointer;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"app-center\">\n    <div class=\"app-center-title\">应用中心</div>\n    <div class=\"app-center-operation\">\n      <tiny-button class=\"add-app\" @click=\"creatApp()\"> <svg-icon name=\"add\"></svg-icon>创建应用 </tiny-button>\n      <div class=\"app-center-filter\">\n        <tiny-select v-model=\"state.appFilter\" :options=\"appFilterOptions\" @change=\"getApplicationList\"></tiny-select>\n        <tiny-select v-model=\"state.orderBy\" :options=\"appOrderByOptions\" @change=\"getApplicationList\"></tiny-select>\n        <tiny-search\n          class=\"app-center-search\"\n          v-model=\"state.appSearchKey\"\n          clearable\n          placeholder=\"输入关键字搜索、过滤\"\n          @search=\"getApplicationList\"\n          is-enter-search\n        >\n          <template #prefix> <tiny-icon-search /> </template>\n        </tiny-search>\n        <div class=\"type-toolbar\">\n          <span\n            v-for=\"item in arrangeOptions\"\n            :key=\"item.id\"\n            :class=\"['icon-wrap', { active: state.type === item.id }]\"\n            @click=\"typeClick(item.id)\"\n          >\n            <svg-icon :name=\"item.assetsUrl\"></svg-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n    <div class=\"app-center-list\">\n      <div class=\"list-wrap\">\n        <div class=\"list\" v-if=\"state.type === 'default'\">\n          <template v-for=\"item in appList\" :key=\"item.id\">\n            <div class=\"item\">\n              <div class=\"app-name\">\n                <svg-icon :name=\"item.assetsUrl || 'template-cover-1'\" class=\"app-img\"></svg-icon>\n                <span class=\"app-name-text\">{{ item.name }}</span>\n              </div>\n              <div class=\"app-tag\">\n                <div v-if=\"item.sceneId\" class=\"tag\">\n                  {{ item.scene[0]?.name }}\n                </div>\n                <div v-if=\"item.industryId\" class=\"tag\">\n                  {{ item.industry[0]?.name }}\n                </div>\n                <div v-if=\"item.framework\" class=\"tag\">{{ item.framework }}</div>\n              </div>\n              <div class=\"app-desc\">{{ item.description }}</div>\n              <tiny-popover\n                :visible-arrow=\"false\"\n                trigger=\"hover\"\n                placement=\"bottom-start\"\n                popper-class=\"operation-popover\"\n                ref=\"popoverRef\"\n              >\n                <template #reference>\n                  <div class=\"app-operation\">\n                    <svg-icon name=\"ellipsis\"></svg-icon>\n                  </div>\n                </template>\n                <div class=\"options\">\n                  <div class=\"option\" @click=\"openApplication(item)\">开发应用</div>\n                  <div class=\"option\" @click=\"handleDelete(item)\">删除应用</div>\n                </div>\n              </tiny-popover>\n            </div>\n          </template>\n        </div>\n        <tiny-grid ref=\"gridRef\" class=\"table\" v-if=\"state.type === 'table' && appList.length\" :data=\"appList\">\n          <tiny-grid-column field=\"name\" title=\"应用名称\" show-overflow>\n            <template #default=\"data\">\n              <div class=\"app-name\">\n                <svg-icon :name=\"data.row.assetsUrl || 'template-cover-1'\" class=\"app-img\"></svg-icon>\n                <span>{{ data.row.name }}</span>\n              </div>\n            </template>\n          </tiny-grid-column>\n          <tiny-grid-column field=\"created_at\" title=\"创建时间\" show-overflow></tiny-grid-column>\n          <tiny-grid-column field=\"createdBy\" title=\"创建人\" show-overflow></tiny-grid-column>\n          <tiny-grid-column field=\"description\" title=\"应用描述\" show-overflow></tiny-grid-column>\n          <tiny-grid-column width=\"180\" field=\"operation\" title=\"操作\">\n            <template #default=\"data\">\n              <tiny-button type=\"text\" @click=\"openApplication(data.row)\"> 开发应用 </tiny-button>\n              <tiny-button type=\"text\" @click=\"handleDelete(data.row)\"> 删除应用 </tiny-button>\n            </template>\n          </tiny-grid-column>\n        </tiny-grid>\n        <search-empty :isShow=\"!appList.length\" />\n      </div>\n      <tiny-pager\n        v-if=\"state.total > state.pageSize\"\n        mode=\"number\"\n        :current-page=\"state.currentPage\"\n        :page-size=\"state.pageSize\"\n        :page-sizes=\"state.pageSizes\"\n        :total=\"state.total\"\n        @size-change=\"pageSizeChange\"\n        @current-change=\"currentChange\"\n      ></tiny-pager>\n    </div>\n    <app-dialog v-model:visible=\"state.appVisible\" @confirm=\"confirmApp\"></app-dialog>\n  </div>\n</template>\n\n<script>\nimport { reactive, ref, onMounted } from 'vue'\nimport { Button, Select, Pager, Grid, GridColumn, Popover, Search, Modal, Notify } from '@opentiny/vue'\nimport { iconSearch } from '@opentiny/vue-icon'\nimport { SearchEmpty } from '@opentiny/tiny-engine-common'\nimport AppDialog from './AppDialog.vue'\nimport { fetchApplicationList, createApplication, updateApplication, deleteApplication } from './js/http'\n\nexport default {\n  components: {\n    TinyButton: Button,\n    TinySelect: Select,\n    TinyPager: Pager,\n    TinyGrid: Grid,\n    TinyGridColumn: GridColumn,\n    TinyPopover: Popover,\n    TinySearch: Search,\n    SearchEmpty,\n    TinyIconSearch: iconSearch(),\n    AppDialog\n  },\n\n  setup() {\n    const appList = ref([])\n\n    const appFilterOptions = [\n      {\n        label: '全部应用',\n        value: 'all'\n      },\n      {\n        label: '我的应用',\n        value: 'my'\n      }\n    ]\n\n    const appOrderByOptions = [\n      {\n        label: '按创建时间排序',\n        value: 'created_time'\n      },\n      {\n        label: '按最近更新时间排序',\n        value: 'last_updated_time'\n      }\n    ]\n\n    const arrangeOptions = [\n      {\n        id: 'default',\n        name: '栅格',\n        assetsUrl: 'workspace-icon-application-center'\n      },\n      {\n        id: 'table',\n        name: '列表',\n        assetsUrl: 'small-list'\n      }\n    ]\n\n    const state = reactive({\n      appFilter: 'all',\n      orderBy: 'created_time',\n      appSearchKey: '',\n      type: 'default',\n      total: 0,\n      pageSize: 10,\n      currentPage: 1,\n      pageSizes: [10, 20, 30, 40],\n      appVisible: false\n    })\n\n    const getApplicationList = () => {\n      const params = {\n        currentPage: state.currentPage,\n        pageSize: state.pageSize,\n        name: state.appSearchKey,\n        createdBy: state.appFilter === 'all' ? '' : '1'\n      }\n      if (state.orderBy === 'last_updated_time') {\n        params.orderBy = state.orderBy\n      }\n      fetchApplicationList(Object.fromEntries(Object.entries(params).filter(([, value]) => !!value))).then((res) => {\n        appList.value = res.apps || []\n        state.total = res.total\n      })\n    }\n\n    const creatApp = () => {\n      state.appVisible = true\n    }\n\n    const handleDelete = (template) => {\n      Modal.confirm({\n        message: '即将删除应用，删除后不可恢复，请谨慎操作。',\n        title: '删除应用'\n      }).then((res) => {\n        if (res === 'confirm') {\n          deleteApplication(template.id)\n            .then(() => {\n              getApplicationList()\n            })\n            .catch((error) => {\n              Notify({\n                type: 'error',\n                message: error,\n                position: 'top-right',\n                duration: 5000\n              })\n            })\n        }\n      })\n    }\n\n    const openApplication = (template) => {\n      const href = window.location.href.split('?')[0] || './'\n      window.open(`${href}?type=app&id=${template.id}&tenant=${template.tenantId}`)\n    }\n\n    const typeClick = (type) => {\n      state.type = type\n    }\n\n    const pageSizeChange = (val) => {\n      state.pageSize = val\n      state.currentPage = 1\n      getApplicationList()\n    }\n\n    const currentChange = (val) => {\n      state.currentPage = val\n      getApplicationList()\n    }\n\n    const confirmApp = (formData) => {\n      if (formData?.id) {\n        const updateId = formData.id\n        delete formData.id\n        updateApplication(updateId, formData)\n          .then(() => {\n            Notify({\n              type: 'success',\n              message: '应用更新成功',\n              position: 'top-right',\n              duration: 5000\n            })\n            getApplicationList()\n          })\n          .catch((error) => {\n            Notify({\n              type: 'error',\n              message: error,\n              position: 'top-right',\n              duration: 5000\n            })\n          })\n      } else {\n        createApplication(formData)\n          .then(() => {\n            Notify({\n              type: 'success',\n              message: '应用创建成功',\n              position: 'top-right',\n              duration: 5000\n            })\n            getApplicationList()\n          })\n          .catch((error) => {\n            Notify({\n              type: 'error',\n              message: error,\n              position: 'top-right',\n              duration: 5000\n            })\n          })\n      }\n    }\n\n    onMounted(() => {\n      getApplicationList()\n    })\n\n    return {\n      state,\n      appList,\n      appFilterOptions,\n      appOrderByOptions,\n      arrangeOptions,\n      creatApp,\n      getApplicationList,\n      typeClick,\n      handleDelete,\n      openApplication,\n      confirmApp,\n      pageSizeChange,\n      currentChange\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.app-center {\n  padding: 24px;\n  background: var(--te-template-common-bg-color);\n  height: -webkit-fill-available;\n  .app-center-title {\n    font-size: 20px;\n    font-weight: 600;\n  }\n  .app-center-operation {\n    margin: 24px 0 20px;\n    display: flex;\n    justify-content: space-between;\n  }\n  .app-center-filter {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .app-center-search {\n    min-width: 300px;\n  }\n  .type-toolbar {\n    display: flex;\n    border-radius: 4px;\n    background-color: var(--te-template-app-center-btn-bg-color);\n    .icon-wrap {\n      width: 24px;\n      height: 24px;\n      color: var(--te-template-app-center-btn-icon-color);\n      font-size: 16px;\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      transition: 0.3s;\n      &.active {\n        border: 1px solid var(--te-template-app-center-btn-border-color-active);\n        color: var(--te-template-app-center-btn-color-active);\n        border-radius: 4px;\n        background-color: var(--te-template-app-center-btn-bg-color-active);\n      }\n    }\n  }\n  .app-center-list {\n    height: calc(100vh - 200px);\n  }\n}\n.list {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  .item {\n    width: 252px;\n    padding: 24px;\n    border-radius: 8px;\n    background: var(--te-template-center-common-item-bg-color);\n    border: 1px solid var(--te-template-app-center-item-border-color);\n    position: relative;\n    &:hover {\n      border-color: var(--te-template-app-center-item-border-color-hover);\n    }\n    .app-name {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      .app-img {\n        width: 40px;\n        height: 40px;\n      }\n      .app-name-text {\n        font-size: 18px;\n        font-weight: 600;\n      }\n    }\n    .app-tag {\n      display: flex;\n      gap: 4px;\n      height: 20px;\n      margin-top: 12px;\n      .tag {\n        padding: 2px 4px;\n        border-radius: 2px;\n        background: var(--te-template-center-common-item-tag-bg-color);\n      }\n    }\n    .app-desc {\n      margin-top: 12px;\n      color: var(--te-template-center-common-item-desc-text-color);\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .app-operation {\n      display: none;\n    }\n    &:hover {\n      .app-operation {\n        display: block;\n        position: absolute;\n        width: 20px;\n        height: 20px;\n        border-radius: 4px;\n        background: var(--te-template-center-common-item-operation-bg-color);\n        color: var(--te-template-center-common-item-operation-icon-color);\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        top: 16px;\n        right: 16px;\n      }\n    }\n  }\n}\n.table {\n  .app-name {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    .app-img {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .tiny-button.tiny-button--text {\n    padding-left: 0;\n  }\n}\n\n.list-wrap {\n  margin-bottom: 12px;\n  max-height: calc(100% - 80px);\n  overflow: auto;\n  .empty-wrap {\n    width: 100%;\n  }\n}\n.options {\n  .option {\n    padding: 4px 16px;\n    cursor: pointer;\n    &:hover {\n      background: var(--te-template-common-bg-color-hover);\n    }\n  }\n}\n</style>\n<style lang=\"less\">\n.tiny-pager__selector.tiny-popover.tiny-popper[x-placement],\n.operation-popover.tiny-popover.tiny-popper[x-placement] {\n  padding: 8px 0;\n}\n</style>\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n  ...metaData,\n  entry\n}\n"],"names":["metaData","_sfc_main$1","TinyInput","TinyButton","TinyDialogBox","TinyForm","TinyFormItem","TinySelect","props","emit","editAppInfoRef","ref","formState","reactive","isOpen","tagsList","validRules","rule","value","callback","setVisible","visible","getTagsList","fetchBusinessCategoryByGroup","res","error","Notify","handleOpen","handleSelectIcon","icon","cancle","confirm","valid","_a","onMounted","_hoisted_1","_hoisted_4","_createBlock","_component_tiny_dialog_box","$props","$setup","_withCtx","_createVNode","_component_tiny_button","_cache","_createTextVNode","_component_tiny_form","_component_tiny_form_item","_component_tiny_input","$event","_component_tiny_select","_createElementVNode","_openBlock","_createElementBlock","_hoisted_2","_createCommentVNode","_component_svg_icon","_Transition","_hoisted_3","_Fragment","_renderList","iconIndex","_sfc_main","Button","Select","Pager","Grid","GridColumn","Popover","Search","SearchEmpty","iconSearch","AppDialog","appList","appFilterOptions","appOrderByOptions","arrangeOptions","state","getApplicationList","params","fetchApplicationList","creatApp","handleDelete","template","Modal","deleteApplication","openApplication","href","typeClick","type","pageSizeChange","val","currentChange","confirmApp","formData","updateId","updateApplication","createApplication","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_20","_component_tiny_search","_component_tiny_icon_search","item","_hoisted_8","_toDisplayString","_hoisted_12","_hoisted_13","_b","_hoisted_14","_component_tiny_popover","_hoisted_18","_hoisted_19","_component_tiny_grid","_component_tiny_grid_column","data","_component_search_empty","_component_tiny_pager","_component_app_dialog","index","entry"],"mappings":"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"}

package/dist/style.css

@@ -1 +1 @@
-.form-item-icon-wrapper[data-v-67ebf39c]{position:relative}.form-item-icon-wrapper .form-item-icon[data-v-67ebf39c]{font-size:40px;cursor:pointer}.form-item-icon-wrapper .dropdown-menu[data-v-67ebf39c]{position:absolute;bottom:100%;left:0;padding:16px;margin-bottom:5px;width:216px;border-radius:4px;z-index:1000;overflow:hidden;background:var(--te-template-common-bg-color);box-shadow:0 4px 16px 0 var(--te-base-box-shadow-rgba-3)}.form-item-icon-wrapper .dropdown-menu .icon-list[data-v-67ebf39c]{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.form-item-icon-wrapper .dropdown-menu .icon-list .icon[data-v-67ebf39c]{font-size:32px;cursor:pointer}.app-center[data-v-4b70bdeb]{padding:24px;background:var(--te-template-common-bg-color);height:-webkit-fill-available}.app-center .app-center-title[data-v-4b70bdeb]{font-size:20px;font-weight:600}.app-center .app-center-operation[data-v-4b70bdeb]{margin:24px 0 20px;display:flex;justify-content:space-between}.app-center .app-center-filter[data-v-4b70bdeb]{display:flex;align-items:center;gap:20px}.app-center .app-center-search[data-v-4b70bdeb]{min-width:300px}.app-center .type-toolbar[data-v-4b70bdeb]{display:flex;border-radius:4px;background-color:var(--te-template-app-center-btn-bg-color)}.app-center .type-toolbar .icon-wrap[data-v-4b70bdeb]{width:24px;height:24px;color:var(--te-template-app-center-btn-icon-color);font-size:16px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.3s}.app-center .type-toolbar .icon-wrap.active[data-v-4b70bdeb]{border:1px solid var(--te-template-app-center-btn-border-color-active);color:var(--te-template-app-center-btn-color-active);border-radius:4px;background-color:var(--te-template-app-center-btn-bg-color-active)}.app-center .app-center-list[data-v-4b70bdeb]{height:calc(100vh - 200px)}.list[data-v-4b70bdeb]{display:flex;gap:24px;flex-wrap:wrap}.list .item[data-v-4b70bdeb]{width:252px;padding:24px;border-radius:8px;background:var(--te-template-center-common-item-bg-color);position:relative}.list .item .app-name[data-v-4b70bdeb]{display:flex;gap:8px;align-items:center}.list .item .app-name .app-img[data-v-4b70bdeb]{width:40px;height:40px}.list .item .app-name .app-name-text[data-v-4b70bdeb]{font-size:18px;font-weight:600}.list .item .app-tag[data-v-4b70bdeb]{display:flex;gap:4px;height:20px;margin-top:12px}.list .item .app-tag .tag[data-v-4b70bdeb]{padding:2px 4px;border-radius:2px;background:var(--te-template-center-common-item-tag-bg-color)}.list .item .app-desc[data-v-4b70bdeb]{margin-top:12px;color:var(--te-template-center-common-item-desc-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .item .app-view[data-v-4b70bdeb]{position:absolute;bottom:24px;right:24px}.list .item .app-operation[data-v-4b70bdeb]{display:none}.list .item:hover .app-operation[data-v-4b70bdeb]{display:block;position:absolute;width:20px;height:20px;border-radius:4px;background:var(--te-template-center-common-item-operation-bg-color);display:inline-flex;justify-content:center;align-items:center;cursor:pointer;top:16px;right:16px}.table .app-name[data-v-4b70bdeb]{display:flex;gap:8px;align-items:center}.table .app-name .app-img[data-v-4b70bdeb]{width:24px;height:24px}.table .tiny-button.tiny-button--text[data-v-4b70bdeb]{padding-left:0}.list-wrap[data-v-4b70bdeb]{margin-bottom:12px;max-height:calc(100% - 80px);overflow:auto}.list-wrap .empty-wrap[data-v-4b70bdeb]{width:100%}.options .option[data-v-4b70bdeb]{padding:4px 16px;cursor:pointer}.options .option[data-v-4b70bdeb]:hover{background:var(--te-template-common-bg-color-hover)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement],.operation-popover.tiny-popover.tiny-popper[x-placement]{padding:8px 0}:root{--te-template-common-bg-color: var(--te-common-bg-default);--te-template-common-bg-color-hover: var(--te-common-bg-container);--te-template-app-center-btn-bg-color: var(--te-common-bg-container);--te-template-app-center-btn-icon-color: var(--te-common-icon-secondary);--te-template-app-center-btn-color-active: var(--te-common-icon-primary);--te-template-app-center-btn-border-color-active: var(--te-common-border-active);--te-template-app-center-btn-bg-color-active: var(--te-common-bg-default);--te-template-center-common-item-bg-color: var(--te-common-bg-container-weaken);--te-template-center-common-item-tag-bg-color: var(--te-common-bg-prompt);--te-template-center-common-item-operation-bg-color: var(--te-common-bg-prompt);--te-template-center-common-item-desc-text-color: var(--te-common-text-secondary)}
+.form-item-icon-wrapper[data-v-2dd22eb8]{position:relative}.form-item-icon-wrapper .form-item-icon[data-v-2dd22eb8]{font-size:40px;cursor:pointer}.form-item-icon-wrapper .form-item-icon-mask[data-v-2dd22eb8]{background-color:var(--te-app-center-mask-modal-bg-color);transition:background-color,.2s,ease-in-out;position:fixed;width:40px;height:40px;border-radius:8px}.form-item-icon-wrapper .dropdown-menu[data-v-2dd22eb8]{position:absolute;bottom:100%;left:0;padding:16px;margin-bottom:5px;width:192px;border-radius:4px;z-index:1000;overflow:hidden;background:var(--te-template-common-bg-color);box-shadow:0 4px 16px 0 var(--te-base-box-shadow-rgba-3)}.form-item-icon-wrapper .dropdown-menu .icon-list[data-v-2dd22eb8]{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.form-item-icon-wrapper .dropdown-menu .icon-list .icon[data-v-2dd22eb8]{font-size:32px;cursor:pointer}.app-center[data-v-2d6a9530]{padding:24px;background:var(--te-template-common-bg-color);height:-webkit-fill-available}.app-center .app-center-title[data-v-2d6a9530]{font-size:20px;font-weight:600}.app-center .app-center-operation[data-v-2d6a9530]{margin:24px 0 20px;display:flex;justify-content:space-between}.app-center .app-center-filter[data-v-2d6a9530]{display:flex;align-items:center;gap:12px}.app-center .app-center-search[data-v-2d6a9530]{min-width:300px}.app-center .type-toolbar[data-v-2d6a9530]{display:flex;border-radius:4px;background-color:var(--te-template-app-center-btn-bg-color)}.app-center .type-toolbar .icon-wrap[data-v-2d6a9530]{width:24px;height:24px;color:var(--te-template-app-center-btn-icon-color);font-size:16px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.3s}.app-center .type-toolbar .icon-wrap.active[data-v-2d6a9530]{border:1px solid var(--te-template-app-center-btn-border-color-active);color:var(--te-template-app-center-btn-color-active);border-radius:4px;background-color:var(--te-template-app-center-btn-bg-color-active)}.app-center .app-center-list[data-v-2d6a9530]{height:calc(100vh - 200px)}.list[data-v-2d6a9530]{display:flex;gap:24px;flex-wrap:wrap}.list .item[data-v-2d6a9530]{width:252px;padding:24px;border-radius:8px;background:var(--te-template-center-common-item-bg-color);border:1px solid var(--te-template-app-center-item-border-color);position:relative}.list .item[data-v-2d6a9530]:hover{border-color:var(--te-template-app-center-item-border-color-hover)}.list .item .app-name[data-v-2d6a9530]{display:flex;gap:8px;align-items:center}.list .item .app-name .app-img[data-v-2d6a9530]{width:40px;height:40px}.list .item .app-name .app-name-text[data-v-2d6a9530]{font-size:18px;font-weight:600}.list .item .app-tag[data-v-2d6a9530]{display:flex;gap:4px;height:20px;margin-top:12px}.list .item .app-tag .tag[data-v-2d6a9530]{padding:2px 4px;border-radius:2px;background:var(--te-template-center-common-item-tag-bg-color)}.list .item .app-desc[data-v-2d6a9530]{margin-top:12px;color:var(--te-template-center-common-item-desc-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .item .app-operation[data-v-2d6a9530]{display:none}.list .item:hover .app-operation[data-v-2d6a9530]{display:block;position:absolute;width:20px;height:20px;border-radius:4px;background:var(--te-template-center-common-item-operation-bg-color);color:var(--te-template-center-common-item-operation-icon-color);display:inline-flex;justify-content:center;align-items:center;cursor:pointer;top:16px;right:16px}.table .app-name[data-v-2d6a9530]{display:flex;gap:8px;align-items:center}.table .app-name .app-img[data-v-2d6a9530]{width:24px;height:24px}.table .tiny-button.tiny-button--text[data-v-2d6a9530]{padding-left:0}.list-wrap[data-v-2d6a9530]{margin-bottom:12px;max-height:calc(100% - 80px);overflow:auto}.list-wrap .empty-wrap[data-v-2d6a9530]{width:100%}.options .option[data-v-2d6a9530]{padding:4px 16px;cursor:pointer}.options .option[data-v-2d6a9530]:hover{background:var(--te-template-common-bg-color-hover)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement],.operation-popover.tiny-popover.tiny-popper[x-placement]{padding:8px 0}:root{--te-template-common-bg-color: var(--te-common-bg-default);--te-template-common-bg-color-hover: var(--te-common-bg-container);--te-app-center-mask-modal-bg-color: var(--te-common-mask);--te-template-app-center-btn-bg-color: var(--te-common-bg-container);--te-template-app-center-btn-icon-color: var(--te-common-icon-secondary);--te-template-app-center-btn-color-active: var(--te-common-icon-primary);--te-template-app-center-btn-border-color-active: var(--te-common-border-active);--te-template-app-center-btn-bg-color-active: var(--te-common-bg-default);--te-template-app-center-item-border-color: var(--te-common-border-card);--te-template-app-center-item-border-color-hover: var(--te-common-border-checked);--te-template-center-common-item-bg-color: var(--te-common-bg-container-weaken);--te-template-center-common-item-tag-bg-color: var(--te-common-bg-prompt);--te-template-center-common-item-operation-bg-color: var(--te-common-bg-prompt);--te-template-center-common-item-operation-icon-color: var(--te-common-icon-secondary);--te-template-center-common-item-desc-text-color: var(--te-common-text-secondary)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-workspace-application-center",
-  "version": "2.9.0-rc.0",
+  "version": "2.9.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.9.0-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.9.0-rc.0",
+    "@opentiny/tiny-engine-common": "2.9.0",
+    "@opentiny/tiny-engine-meta-register": "2.9.0",
     "vue-clipboard3": "^2.0.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.9.0-rc.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.9.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -40,5 +40,5 @@
     "@opentiny/vue-icon": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "be44f98edc2433e5cad2db07953ed3a3310c9d29"
+  "gitHead": "ddab413cb9d35609c4bbbe79966b0631bc02b817"
 }