@opentiny/tiny-engine-workspace-application-center 2.9.0-alpha.8

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 - present TinyEngine Authors.
+Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -0,0 +1,730 @@
+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 { 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";
+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"), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.fetchBusinessCategory"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), V = F((a) => v(h.Http).get(`/material-center/api/business-category/find?group=${a}`), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.fetchBusinessCategoryByGroup"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), A = F((a) => v(h.Http).get("app-center/api/apps/page", {
+  params: a
+}), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.fetchApplicationList"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), T = F((a) => v(h.Http).post("/app-center/api/apps/create", a), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.createApplication"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), U = F((a, t) => v(h.Http).post(`/app-center/api/apps/update/${a}`, t), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.updateApplication"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), z = F((a) => v(h.Http).get(`/app-center/api/apps/delete/${a}`), {
+  metaData: {
+    id: "engine.plugins.blockmanage.js-http.deleteApplication"
+  },
+  ctx: () => ({
+    getMetaApi: v,
+    META_SERVICE: h,
+    fetchBusinessCategory: P,
+    fetchBusinessCategoryByGroup: V,
+    fetchApplicationList: A,
+    createApplication: T,
+    updateApplication: U,
+    deleteApplication: z
+  })
+}), ce = {
+  components: {
+    TinyInput: ee,
+    TinyButton: J,
+    TinyDialogBox: $,
+    TinyForm: Z,
+    TinyFormItem: Y,
+    TinySelect: q
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    template: {
+      type: Object,
+      default: () => ({})
+    },
+    openByTemplate: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  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({
+      scene: [],
+      industry: []
+    }), d = {
+      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("应用名称只能包括英文、数字、中划线和下划线"));
+          }
+        }
+      ],
+      description: [
+        { max: 200, message: "长度不大于200", trigger: "change" },
+        {
+          trigger: "blur",
+          validator: (s, i, u) => {
+            /^[\w\-_\u4e00-\u9fa5]*$/.test(i) ? u() : u(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({
+          type: "error",
+          message: s,
+          position: "top-right",
+          duration: 5e3
+        });
+      });
+    }, S = () => {
+      C.value = !0;
+    }, x = (s) => {
+      e.assetsUrl = s, C.value = !1;
+    }, w = () => {
+      f.value.validate((s) => {
+        var i;
+        s && (t(
+          "confirm",
+          (i = a.template) != null && i.id ? {
+            id: a.template.id,
+            ...e
+          } : e
+        ), g(!1));
+      });
+    };
+    return M(() => {
+      k();
+    }), {
+      isOpen: C,
+      editAppInfoRef: f,
+      formState: e,
+      validRules: d,
+      tagsList: p,
+      setVisible: g,
+      handleOpen: S,
+      handleSelectIcon: x,
+      confirm: w
+    };
+  }
+}, Q = (a, t) => {
+  const f = a.__vccOpts || a;
+  for (const [e, C] of t)
+    f[e] = C;
+  return f;
+}, de = { class: "form-item-icon-wrapper" }, me = {
+  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,
+    title: "新建应用",
+    width: "400px",
+    "append-to-body": "",
+    "destroy-on-close": "",
+    "onUpdate:visible": e.setVisible
+  }, {
+    footer: r(() => [
+      o(w, {
+        type: "primary",
+        onClick: e.confirm
+      }, {
+        default: r(() => [...t[5] || (t[5] = [
+          B(" 确定 ", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      o(w, {
+        onClick: t[4] || (t[4] = (i) => e.setVisible(!1))
+      }, {
+        default: r(() => [...t[6] || (t[6] = [
+          B("取消", -1)
+        ])]),
+        _: 1
+      })
+    ]),
+    default: r(() => [
+      o(x, {
+        ref: "editAppInfoRef",
+        "label-position": "left",
+        "label-width": "84px",
+        "label-align": "",
+        model: e.formState,
+        rules: e.validRules,
+        "validate-type": "text"
+      }, {
+        default: r(() => [
+          o(g, {
+            label: "应用名称",
+            prop: "name"
+          }, {
+            default: r(() => [
+              o(d, {
+                modelValue: e.formState.name,
+                "onUpdate:modelValue": t[0] || (t[0] = (i) => e.formState.name = i),
+                placeholder: "请输入"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          o(g, {
+            label: "应用描述",
+            prop: "description"
+          }, {
+            default: r(() => [
+              o(d, {
+                modelValue: e.formState.description,
+                "onUpdate:modelValue": t[1] || (t[1] = (i) => e.formState.description = i),
+                type: "textarea",
+                placeholder: "请输入此次发布的修改点"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          o(g, {
+            label: "场景",
+            prop: "sceneId"
+          }, {
+            default: r(() => {
+              var i;
+              return [
+                o(k, {
+                  modelValue: e.formState.sceneId,
+                  "onUpdate:modelValue": t[2] || (t[2] = (u) => e.formState.sceneId = u),
+                  placeholder: "请选择",
+                  options: e.tagsList.scene,
+                  disabled: (i = f.template) == null ? void 0 : i.sceneId,
+                  "value-field": "id",
+                  "text-field": "name"
+                }, null, 8, ["modelValue", "options", "disabled"])
+              ];
+            }),
+            _: 1
+          }),
+          o(g, {
+            label: "行业",
+            prop: "industryId"
+          }, {
+            default: r(() => {
+              var i;
+              return [
+                o(k, {
+                  modelValue: e.formState.industryId,
+                  "onUpdate:modelValue": t[3] || (t[3] = (u) => e.formState.industryId = u),
+                  placeholder: "请选择",
+                  options: e.tagsList.industry,
+                  disabled: (i = f.template) == null ? void 0 : i.industryId,
+                  "value-field": "id",
+                  "text-field": "name"
+                }, null, 8, ["modelValue", "options", "disabled"])
+              ];
+            }),
+            _: 1
+          }),
+          o(g, { label: "缩略图" }, {
+            default: r(() => [
+              c("div", de, [
+                o(S, {
+                  name: e.formState.assetsUrl,
+                  class: "form-item-icon",
+                  onClick: e.handleOpen
+                }, 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,
+                          class: "icon",
+                          onClick: (u) => e.handleSelectIcon("template-cover-" + i)
+                        }, null, 8, ["name", "onClick"])), 64))
+                      ])
+                    ])) : I("", !0)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model", "rules"])
+    ]),
+    _: 1
+  }, 8, ["visible", "onUpdate:visible"]);
+}
+const ye = /* @__PURE__ */ Q(ce, [["render", ue], ["__scopeId", "data-v-67ebf39c"]]), _e = {
+  components: {
+    TinyButton: J,
+    TinySelect: q,
+    TinyPager: ie,
+    TinyGrid: ae,
+    TinyGridColumn: oe,
+    TinyPopover: ne,
+    TinySearch: te,
+    SearchEmpty: re,
+    TinyIconSearch: se(),
+    AppDialog: ye
+  },
+  setup() {
+    const a = j([]), t = j(), f = [
+      {
+        label: "全部应用",
+        value: "all"
+      },
+      {
+        label: "我的应用",
+        value: "my"
+      }
+    ], e = [
+      {
+        label: "按创建时间排序",
+        value: "created_time"
+      },
+      {
+        label: "按最近更新时间排序",
+        value: "last_updated_time"
+      }
+    ], C = [
+      {
+        id: "default",
+        name: "栅格",
+        assetsUrl: "workspace-icon-application-center"
+      },
+      {
+        id: "table",
+        name: "列表",
+        assetsUrl: "small-list"
+      }
+    ], p = R({
+      appFilter: "all",
+      orderBy: "created_time",
+      appSearchKey: "",
+      type: "default",
+      total: 0,
+      pageSize: 10,
+      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"
+      };
+      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;
+      });
+    }, g = () => {
+      p.appVisible = !0;
+    }, k = (l) => {
+      t.value = l, p.appVisible = !0;
+    }, S = (l) => {
+      le.confirm({
+        message: "即将删除应用，删除后不可恢复，请谨慎操作。",
+        title: "删除应用"
+      }).then((y) => {
+        y === "confirm" && z(l.id).then(() => {
+          d();
+        }).catch((n) => {
+          E({
+            type: "error",
+            message: n,
+            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({
+            type: "success",
+            message: "应用更新成功",
+            position: "top-right",
+            duration: 5e3
+          }), d();
+        }).catch((n) => {
+          E({
+            type: "error",
+            message: n,
+            position: "top-right",
+            duration: 5e3
+          });
+        });
+      } else
+        T(l).then(() => {
+          E({
+            type: "success",
+            message: "应用创建成功",
+            position: "top-right",
+            duration: 5e3
+          }), d();
+        }).catch((y) => {
+          E({
+            type: "error",
+            message: y,
+            position: "top-right",
+            duration: 5e3
+          });
+        });
+    };
+    return M(() => {
+      d();
+    }), {
+      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
+    };
+  }
+}, 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 = {
+  key: 0,
+  class: "list"
+}, Ve = { class: "app-name" }, xe = { class: "app-name-text" }, Ie = { class: "app-tag" }, Be = {
+  key: 0,
+  class: "tag"
+}, Ae = {
+  key: 1,
+  class: "tag"
+}, Te = {
+  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, {
+        class: "add-app",
+        onClick: t[0] || (t[0] = (n) => e.creatApp())
+      }, {
+        default: r(() => [
+          o(d, { name: "add" }),
+          t[5] || (t[5] = B("创建应用 ", -1))
+        ]),
+        _: 1
+      }),
+      c("div", he, [
+        o(k, {
+          modelValue: e.state.appFilter,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => e.state.appFilter = n),
+          options: e.appFilterOptions,
+          onChange: e.getApplicationList
+        }, null, 8, ["modelValue", "options", "onChange"]),
+        o(k, {
+          modelValue: e.state.orderBy,
+          "onUpdate:modelValue": t[2] || (t[2] = (n) => e.state.orderBy = n),
+          options: e.appOrderByOptions,
+          onChange: e.getApplicationList
+        }, null, 8, ["modelValue", "options", "onChange"]),
+        o(x, {
+          class: "app-center-search",
+          modelValue: e.state.appSearchKey,
+          "onUpdate:modelValue": t[3] || (t[3] = (n) => e.state.appSearchKey = n),
+          clearable: "",
+          placeholder: "输入关键字搜索、过滤",
+          onSearch: e.getApplicationList,
+          "is-enter-search": ""
+        }, {
+          prefix: r(() => [
+            o(S)
+          ]),
+          _: 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)
+          }, [
+            o(d, {
+              name: n.assetsUrl
+            }, null, 8, ["name"])
+          ], 10, Ce))), 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,
+              class: "item"
+            }, [
+              c("div", Ve, [
+                o(d, {
+                  name: n.assetsUrl || "template-cover-1",
+                  class: "app-img"
+                }, null, 8, ["name"]),
+                c("span", xe, O(n.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"])
+              ]),
+              o(w, {
+                "visible-arrow": !1,
+                trigger: "hover",
+                placement: "bottom-start",
+                "popper-class": "operation-popover",
+                ref_for: !0,
+                ref: "popoverRef"
+              }, {
+                reference: r(() => [
+                  c("div", Le, [
+                    o(d, { name: "ellipsis" })
+                  ])
+                ]),
+                default: r(() => [
+                  c("div", Oe, [
+                    c("div", {
+                      class: "option",
+                      onClick: (K) => e.handleEdit(n)
+                    }, "编辑应用", 8, Ee),
+                    c("div", {
+                      class: "option",
+                      onClick: (K) => e.handleDelete(n)
+                    }, "删除应用", 8, Fe)
+                  ])
+                ]),
+                _: 2
+              }, 1536)
+            ]);
+          }), 128))
+        ])) : I("", !0),
+        e.state.type === "table" && e.appList.length ? (_(), D(i, {
+          key: 1,
+          ref: "gridRef",
+          class: "table",
+          data: e.appList
+        }, {
+          default: r(() => [
+            o(s, {
+              field: "name",
+              title: "应用名称",
+              "show-overflow": ""
+            }, {
+              default: r((n) => [
+                c("div", Pe, [
+                  o(d, {
+                    name: n.row.assetsUrl || "template-cover-1",
+                    class: "app-img"
+                  }, null, 8, ["name"]),
+                  c("span", null, O(n.row.name), 1)
+                ])
+              ]),
+              _: 1
+            }),
+            o(s, {
+              field: "created_at",
+              title: "创建时间",
+              "show-overflow": ""
+            }),
+            o(s, {
+              field: "createdBy",
+              title: "创建人",
+              "show-overflow": ""
+            }),
+            o(s, {
+              field: "description",
+              title: "应用描述",
+              "show-overflow": ""
+            }),
+            o(s, {
+              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, {
+                  type: "text",
+                  onClick: (L) => e.handleDelete(n.row)
+                }, {
+                  default: r(() => [...t[8] || (t[8] = [
+                    B(" 删除 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                o(g, {
+                  type: "text",
+                  onClick: (L) => e.openApplication(n.row)
+                }, {
+                  default: r(() => [...t[9] || (t[9] = [
+                    B(" 开发应用 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"])) : I("", !0),
+        o(u, {
+          isShow: !e.appList.length
+        }, null, 8, ["isShow"])
+      ]),
+      e.state.total > e.state.pageSize ? (_(), D(l, {
+        key: 0,
+        mode: "number",
+        "current-page": e.state.currentPage,
+        "page-size": e.state.pageSize,
+        "page-sizes": e.state.pageSizes,
+        total: e.state.total,
+        onSizeChange: e.pageSizeChange,
+        onCurrentChange: e.currentChange
+      }, null, 8, ["current-page", "page-size", "page-sizes", "total", "onSizeChange", "onCurrentChange"])) : I("", !0)
+    ]),
+    o(y, {
+      visible: e.state.appVisible,
+      "onUpdate:visible": t[4] || (t[4] = (n) => e.state.appVisible = n),
+      template: e.currentTemplate,
+      onConfirm: e.confirmApp
+    }, null, 8, ["visible", "template", "onConfirm"])
+  ]);
+}
+const Re = /* @__PURE__ */ Q(_e, [["render", je], ["__scopeId", "data-v-4b70bdeb"]]), qe = {
+  ...pe,
+  entry: Re
+};
+export {
+  qe as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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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"}

package/dist/style.css

@@ -0,0 +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)}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@opentiny/tiny-engine-workspace-application-center",
+  "version": "2.9.0-alpha.8",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/workspace/application-center"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine",
+  "dependencies": {
+    "@opentiny/tiny-engine-common": "2.9.0-alpha.8",
+    "@opentiny/tiny-engine-meta-register": "2.9.0-alpha.8",
+    "vue-clipboard3": "^2.0.0"
+  },
+  "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.9.0-alpha.8",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "vite": "^5.4.2"
+  },
+  "peerDependencies": {
+    "@opentiny/vue": "^3.20.0",
+    "@opentiny/vue-icon": "^3.20.0",
+    "vue": "^3.4.15"
+  },
+  "gitHead": "e9351e337cfcdc40a3943e7be3179dab52dfe9f5"
+}