@opentiny/tiny-engine-workspace-application-center 2.9.0 → 2.10.0-alpha.1

package/dist/index.js

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

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 :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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"}
+{"version":3,"file":"index.js","sources":["../src/AppDialog.vue","../meta.js","../src/Main.vue","../index.ts"],"sourcesContent":["<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=\"缩略图\">\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 } from 'vue'\nimport {\n  Input as TinyInput,\n  Button as TinyButton,\n  DialogBox as TinyDialogBox,\n  Form as TinyForm,\n  FormItem as TinyFormItem\n} from '@opentiny/vue'\n\nexport default {\n  components: {\n    TinyInput,\n    TinyButton,\n    TinyDialogBox,\n    TinyForm,\n    TinyFormItem\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      framework: 'Vue'\n    })\n\n    const isOpen = ref(false)\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    }\n\n    const setVisible = (visible: boolean) => emit('update:visible', visible)\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    return {\n      isOpen,\n      editAppInfoRef,\n      formState,\n      validRules,\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","export default {\n  id: 'engine.workspace.application-center',\n  title: '应用中心',\n  type: 'workspace',\n  icon: 'workspace-icon-application-center'\n}\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                <div class=\"app-name-content\">\n                  <div class=\"app-name-text\">{{ item.name }}</div>\n                  <div class=\"app-desc\">{{ item.description }}</div>\n                </div>\n              </div>\n              <div class=\"app-operation\">\n                <div class=\"option\" @click=\"openApplication(item)\">\n                  <svg-icon name=\"cloud-shell\"></svg-icon>\n                  <span class=\"option-text\">开发应用</span>\n                </div>\n                <tiny-divider direction=\"vertical\"></tiny-divider>\n                <div class=\"option\" @click=\"handleDelete(item)\">\n                  <svg-icon name=\"delete\"></svg-icon>\n                  <span class=\"option-text\">删除应用</span>\n                </div>\n              </div>\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, Divider, 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    TinyDivider: Divider,\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 queryParams = new URLSearchParams(location.search)\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      const newUrl = `${href}?type=app&id=${template.id}&tenant=${template.tenantId || queryParams.get('tenant')}`\n      if (window.self !== window.top) {\n        window.parent.postMessage(\n          {\n            type: 'openNewTab',\n            url: newUrl\n          },\n          '*'\n        )\n      } else {\n        window.open(newUrl)\n      }\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 24px 12px;\n    border-radius: 8px;\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: 16px;\n      .app-img {\n        width: 48px;\n        height: 48px;\n      }\n      .app-name-content {\n        width: calc(100% - 64px);\n        .app-name-text {\n          font-size: 18px;\n          font-weight: 600;\n          line-height: 28px;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .app-desc {\n          margin-top: 4px;\n          font-size: 12px;\n          line-height: 18px;\n          color: var(--te-template-center-common-item-desc-text-color);\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n    .app-operation {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding-top: 12px;\n      margin-top: 16px;\n      border-top: 1px dashed var(--te-template-app-center-item-border-color);\n      .option {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        cursor: pointer;\n        &:hover {\n          .option-text {\n            text-decoration: underline;\n          }\n        }\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","/**\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":["_sfc_main$1","TinyInput","TinyButton","TinyDialogBox","TinyForm","TinyFormItem","props","emit","editAppInfoRef","ref","formState","reactive","isOpen","validRules","rule","value","callback","setVisible","visible","handleOpen","handleSelectIcon","icon","cancle","valid","_a","_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","_createElementVNode","_openBlock","_createElementBlock","_hoisted_2","_createCommentVNode","_component_svg_icon","_Transition","_hoisted_3","_Fragment","_renderList","iconIndex","metaData","_sfc_main","Button","Select","Pager","Grid","GridColumn","Divider","Search","SearchEmpty","iconSearch","AppDialog","appList","appFilterOptions","appOrderByOptions","arrangeOptions","queryParams","state","getApplicationList","params","fetchApplicationList","res","creatApp","handleDelete","template","Modal","deleteApplication","error","Notify","openApplication","newUrl","typeClick","type","pageSizeChange","val","currentChange","confirmApp","formData","updateId","updateApplication","createApplication","onMounted","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_16","_component_tiny_select","_component_tiny_search","_component_tiny_icon_search","item","_hoisted_8","_toDisplayString","_component_tiny_divider","_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-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)}
+.form-item-icon-wrapper[data-v-8e68e516]{position:relative}.form-item-icon-wrapper .form-item-icon[data-v-8e68e516]{font-size:40px;cursor:pointer}.form-item-icon-wrapper .form-item-icon-mask[data-v-8e68e516]{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-8e68e516]{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-8e68e516]{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.form-item-icon-wrapper .dropdown-menu .icon-list .icon[data-v-8e68e516]{font-size:32px;cursor:pointer}.app-center[data-v-8f79dac4]{padding:24px;background:var(--te-template-common-bg-color);height:-webkit-fill-available}.app-center .app-center-title[data-v-8f79dac4]{font-size:20px;font-weight:600}.app-center .app-center-operation[data-v-8f79dac4]{margin:24px 0 20px;display:flex;justify-content:space-between}.app-center .app-center-filter[data-v-8f79dac4]{display:flex;align-items:center;gap:12px}.app-center .app-center-search[data-v-8f79dac4]{min-width:300px}.app-center .type-toolbar[data-v-8f79dac4]{display:flex;border-radius:4px;background-color:var(--te-template-app-center-btn-bg-color)}.app-center .type-toolbar .icon-wrap[data-v-8f79dac4]{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-8f79dac4]{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-8f79dac4]{height:calc(100vh - 200px)}.list[data-v-8f79dac4]{display:flex;gap:24px;flex-wrap:wrap}.list .item[data-v-8f79dac4]{width:252px;padding:24px 24px 12px;border-radius:8px;border:1px solid var(--te-template-app-center-item-border-color);position:relative}.list .item[data-v-8f79dac4]:hover{border-color:var(--te-template-app-center-item-border-color-hover)}.list .item .app-name[data-v-8f79dac4]{display:flex;gap:16px}.list .item .app-name .app-img[data-v-8f79dac4]{width:48px;height:48px}.list .item .app-name .app-name-content[data-v-8f79dac4]{width:calc(100% - 64px)}.list .item .app-name .app-name-content .app-name-text[data-v-8f79dac4]{font-size:18px;font-weight:600;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .item .app-name .app-name-content .app-desc[data-v-8f79dac4]{margin-top:4px;font-size:12px;line-height:18px;color:var(--te-template-center-common-item-desc-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .item .app-operation[data-v-8f79dac4]{display:flex;align-items:center;gap:16px;padding-top:12px;margin-top:16px;border-top:1px dashed var(--te-template-app-center-item-border-color)}.list .item .app-operation .option[data-v-8f79dac4]{display:flex;align-items:center;gap:6px;cursor:pointer}.list .item .app-operation .option:hover .option-text[data-v-8f79dac4]{text-decoration:underline}.table .app-name[data-v-8f79dac4]{display:flex;gap:8px;align-items:center}.table .app-name .app-img[data-v-8f79dac4]{width:24px;height:24px}.table .tiny-button.tiny-button--text[data-v-8f79dac4]{padding-left:0}.list-wrap[data-v-8f79dac4]{margin-bottom:12px;max-height:calc(100% - 80px);overflow:auto}.list-wrap .empty-wrap[data-v-8f79dac4]{width:100%}.options .option[data-v-8f79dac4]{padding:4px 16px;cursor:pointer}.options .option[data-v-8f79dac4]:hover{background:var(--te-template-common-bg-color-hover)}: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-divider);--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",
+  "version": "2.10.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.9.0",
-    "@opentiny/tiny-engine-meta-register": "2.9.0",
+    "@opentiny/tiny-engine-common": "2.10.0-alpha.1",
+    "@opentiny/tiny-engine-meta-register": "2.10.0-alpha.1",
     "vue-clipboard3": "^2.0.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.9.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.10.0-alpha.1",
     "@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": "ddab413cb9d35609c4bbbe79966b0631bc02b817"
+  "gitHead": "b9fe4bb680b13b929abf932d0e1b44c0a1123a65"
 }