@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/lib/uploadStep/component.js

@@ -1,150 +0,0 @@
-"use strict";
-var vue = require("vue");
-var icon = require("@arco-design/web-vue/es/icon");
-var webVue = require("@arco-design/web-vue");
-var component = require("../typeIcons/component.js");
-var toggle = require("../hooks/toggle.js");
-const _hoisted_1 = { class: "panel_header" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "opt" };
-const _hoisted_4 = { class: "panel_column flex-3" };
-const _hoisted_5 = { class: "media_alias ellips" };
-const _hoisted_6 = { class: "panel_column percent flex-1" };
-var stateEnum = /* @__PURE__ */ ((stateEnum2) => {
-  stateEnum2[stateEnum2["UPLOADING"] = 3] = "UPLOADING";
-  stateEnum2[stateEnum2["WATING"] = 5] = "WATING";
-  stateEnum2[stateEnum2["SUCCESS"] = 2] = "SUCCESS";
-  stateEnum2[stateEnum2["ERROR"] = -1] = "ERROR";
-  return stateEnum2;
-})(stateEnum || {});
-const _sfc_main = vue.defineComponent({
-  ...{ name: "uploadStep" },
-  __name: "component",
-  props: {
-    BASE_API: {},
-    fileList: {},
-    visable: { type: Boolean },
-    global: { type: Boolean }
-  },
-  emits: ["update:visable"],
-  setup(__props, { emit: __emit }) {
-    const progressEnum = {
-      UPLOADING: "normal",
-      WATING: "normal",
-      SUCCESS: "success",
-      ERROR: "danger"
-    };
-    const stateTxtEnum = {
-      UPLOADING: "\u4E0A\u4F20\u4E2D",
-      WATING: "\u6392\u961F\u4E2D",
-      SUCCESS: "\u4E0A\u4F20\u5B8C\u6210",
-      ERROR: "\u4E0A\u4F20\u5931\u8D25"
-    };
-    const emits = __emit;
-    const props = __props;
-    const showList = vue.toRef(props, "fileList");
-    const { state: expend, toggle: toggleExp } = toggle.useToggle(true);
-    const { state: scale, toggle: toggleSca } = toggle.useToggle();
-    const cardBodyStyle = vue.computed(() => expend.value ? {} : { padding: 0 });
-    const titleTxt = vue.computed(() => isUploading.value ? "\u6B63\u5728\u5904\u7406" : "\u5904\u7406\u5B8C\u6210");
-    const successCount = vue.computed(
-      () => showList.value.filter((it) => !uploadingFilter(it.state)).length
-    );
-    const isUploading = vue.computed(
-      () => !showList.value.some((item) => !uploadingFilter(item.state))
-    );
-    vue.watch(
-      () => scale.value,
-      (n) => n && !expend.value && toggleExp()
-    );
-    const closeListPanel = () => emits("update:visable");
-    const getSttType = (n) => stateTxtEnum[stateEnum[n]];
-    const getPrgType = (n) => progressEnum[stateEnum[n]];
-    const uploadingFilter = (state) => [3, 5].includes(state);
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["panel_wrp", { global: _ctx.global }])
-      }, [
-        vue.createVNode(vue.unref(webVue.Card), {
-          hoverable: "",
-          class: vue.normalizeClass(["panel_card", { expend: vue.unref(scale) }]),
-          "body-style": cardBodyStyle.value
-        }, {
-          cover: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(titleTxt.value) + "\uFF08" + vue.toDisplayString(successCount.value) + "/" + vue.toDisplayString(showList.value.length) + "\uFF09 ", 1),
-              vue.createElementVNode("div", _hoisted_3, [
-                vue.createElementVNode("div", {
-                  class: "bar",
-                  onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(toggleExp) && vue.unref(toggleExp)(...args))
-                }, [
-                  vue.unref(expend) ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconUp), { key: 1 }))
-                ]),
-                vue.createElementVNode("div", {
-                  class: "bar",
-                  onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(toggleSca) && vue.unref(toggleSca)(...args))
-                }, [
-                  vue.unref(scale) ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconShrink), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconExpand), { key: 1 }))
-                ]),
-                !isUploading.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: "bar",
-                  onClick: closeListPanel
-                }, [
-                  vue.createVNode(vue.unref(icon.IconClose))
-                ])) : vue.createCommentVNode("v-if", true)
-              ])
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(["panel_list", { un_expend: !vue.unref(expend) }])
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (file) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: file.id,
-                  class: "panel_item"
-                }, [
-                  vue.createElementVNode("div", _hoisted_4, [
-                    vue.createVNode(component, {
-                      doc: true,
-                      resource: true,
-                      type: file.type
-                    }, null, 8, ["type"]),
-                    vue.createVNode(vue.unref(webVue.Tooltip), {
-                      content: file.name
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(file.name), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["content"])
-                  ]),
-                  vue.withDirectives(vue.createElementVNode("div", { class: "panel_column flex-1" }, vue.toDisplayString(getSttType(file.state)), 513), [
-                    [vue.vShow, vue.unref(scale)]
-                  ]),
-                  vue.createElementVNode("div", _hoisted_6, [
-                    vue.createTextVNode(vue.toDisplayString([2, 0].includes(file.state) ? 100 : file.percent * 100) + " % ", 1),
-                    vue.createVNode(vue.unref(webVue.Progress), {
-                      size: "small",
-                      type: "circle",
-                      width: 20,
-                      "stroke-width": 1,
-                      percent: file.percent,
-                      status: getPrgType(file.state),
-                      "show-text": ![3, 5].includes(file.state)
-                    }, null, 8, ["percent", "status", "show-text"])
-                  ])
-                ]);
-              }), 128))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["class", "body-style"])
-      ], 2)), [
-        [vue.vShow, _ctx.visable]
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/uploadStep/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var component = require("./component.js");
-const uploadStep = Object.assign(component, {
-  install: (app) => {
-    app.component(component.name, component);
-  }
-});
-module.exports = uploadStep;

package/lib/uploadStep/style/css.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.css");

package/lib/uploadStep/style/index.css

@@ -1,117 +0,0 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-.table_wrp {
-  height: 50vh;
-}
-/** 上传列表面板 */
-.panel_wrp {
-  position: relative;
-}
-.panel_wrp.global {
-  position: absolute;
-  right: 20px;
-  bottom: 20px;
-}
-.panel_wrp .panel_card .panel_header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-.panel_wrp .panel_card .panel_header .opt {
-  display: flex;
-  flex-direction: row;
-  gap: 15px;
-}
-.panel_wrp .panel_card .panel_list {
-  display: flex;
-  flex-direction: column;
-}
-.panel_wrp .panel_card .panel_list .panel_item {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column.percent {
-  justify-content: end;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-1 {
-  flex: 1;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-3 {
-  flex: 3;
-}
-.panel_wrp {
-  width: auto;
-  overflow: hidden;
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
-}
-.panel_wrp *::selection {
-  display: none;
-}
-.panel_wrp .panel_card {
-  width: 350px;
-  transition: all 0.3s;
-}
-.panel_wrp .panel_card.expend {
-  width: 420px;
-}
-.panel_wrp .panel_card .panel_header {
-  width: 90%;
-  height: 50px;
-  padding: 0 5%;
-  color: white;
-  background-color: rgb(var(--arcoblue-5));
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
-}
-.panel_wrp .panel_card .panel_header .title {
-  white-space: nowrap;
-}
-.panel_wrp .panel_card .panel_header .opt {
-  font-size: 18px;
-}
-.panel_wrp .panel_card .panel_header .opt::selection {
-  display: none;
-}
-.panel_wrp .panel_card .panel_header .opt .bar {
-  cursor: pointer;
-}
-.panel_wrp .panel_card .panel_list {
-  width: 100%;
-  height: 120px;
-  overflow-y: scroll;
-  transition: all 0.3s;
-}
-.panel_wrp .panel_card .panel_list::-webkit-scrollbar {
-  display: none;
-}
-.panel_wrp .panel_card .panel_list.un_expend {
-  height: 0;
-  overflow: hidden;
-}
-.panel_wrp .panel_card .panel_list .panel_item {
-  height: 35px;
-  padding: 5px 15px;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column {
-  white-space: nowrap;
-}
-.panel_wrp .panel_card .panel_list .panel_item .panel_column .media_alias {
-  width: 160px;
-  cursor: pointer;
-}
-/** 公用 */
-.ellips {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/lib/uploadStep/style/index.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.less");

package/lib/uploadStep/style/index.less

@@ -1,152 +0,0 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-
-.table_wrp {
-  height: 50vh;
-}
-
-._brTop(@p) {
-  border-top-left-radius: @p;
-  border-top-right-radius: @p;
-}
-
-/** 上传列表面板 */
-
-// 布局部分
-.panel_wrp {
-  position: relative;
-
-  &.global {
-    position: absolute;
-    right: 20px;
-    bottom: 20px;
-  }
-
-  .panel_card {
-    .panel_header {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: space-between;
-
-      .opt {
-        display: flex;
-        flex-direction: row;
-        gap: 15px;
-      }
-    }
-
-    .panel_list {
-      display: flex;
-      flex-direction: column;
-
-      .panel_item {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-
-        .panel_column {
-          display: flex;
-          gap: 10px;
-          align-items: center;
-
-          &.percent {
-            justify-content: end;
-          }
-
-          &.flex-1 {
-            flex: 1;
-          }
-
-          &.flex-3 {
-            flex: 3;
-          }
-        }
-      }
-    }
-  }
-}
-
-// 样式部分
-.panel_wrp {
-  width: auto;
-  overflow: hidden;
-
-  & *::selection {
-    display: none;
-  }
-  ._brTop(12px);
-
-  .panel_card {
-    width: 350px;
-    transition: all 0.3s;
-
-    &.expend {
-      width: 420px;
-    }
-
-    .panel_header {
-      width: 90%;
-      height: 50px;
-      padding: 0 5%;
-      color: white;
-      background-color: rgb(var(--arcoblue-5));
-      ._brTop(10px);
-
-      .title {
-        white-space: nowrap;
-      }
-
-      .opt {
-        font-size: 18px;
-
-        &::selection {
-          display: none;
-        }
-
-        .bar {
-          cursor: pointer;
-        }
-      }
-    }
-
-    .panel_list {
-      width: 100%;
-      height: 120px;
-      overflow-y: scroll;
-      transition: all 0.3s;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-
-      &.un_expend {
-        height: 0;
-        overflow: hidden;
-      }
-
-      .panel_item {
-        height: 35px;
-        padding: 5px 15px;
-
-        .panel_column {
-          white-space: nowrap;
-
-          .media_alias {
-            width: 160px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-}
-
-/** 公用 */
-.ellips {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/lib/userAvater/component.js

@@ -1,168 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var icon = require("@arco-design/web-vue/es/icon");
-var config = require("../config.js");
-var api = require("./script/api.js");
-const _hoisted_1 = { class: "user-avater-container" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { class: "user-avater-content-info" };
-const _hoisted_5 = { class: "avatar" };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "nick-name" };
-const _hoisted_8 = { class: "user-name" };
-const _hoisted_9 = { class: "user-email" };
-const _hoisted_10 = {
-  key: 0,
-  class: "org-alias"
-};
-const _hoisted_11 = { class: "b_info_bottom" };
-const _sfc_main = vue.defineComponent({
-  ...{ name: "userAvater" },
-  __name: "component",
-  props: {
-    BASE_API: {},
-    BASE_ACCOUNT_HOST: {},
-    userStore: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    const BASE_ACCOUNT_HOST = props.BASE_ACCOUNT_HOST || config.DEFAULT_BASE_ACCOUNT_HOST;
-    const slotTest = !!vue.useSlots().reference;
-    const userInfo = vue.ref(null);
-    const loadUserInfo = async () => {
-      const res = await api.getUserInfo(BASE_API);
-      if (res.code === 0 && res.message) {
-        const userInfo2 = res.message;
-        getUserDomainsByDetail(userInfo2);
-      }
-    };
-    const getUserDomainsByDetail = async (_userInfo) => {
-      const res = await api.getUserDetails(BASE_API, {
-        id: _userInfo.id,
-        domainid: _userInfo.domain_id
-      });
-      if (res.code === 0 && res.message) {
-        _userInfo.domains = res.message.domains;
-        for (const k in _userInfo.domains) {
-          if (_userInfo.domains[k].id === _userInfo.domain_id) {
-            _userInfo.currentDomain = _userInfo.domains[k].alias;
-          }
-        }
-        userInfo.value = _userInfo;
-      }
-    };
-    const loginOut = async () => {
-      await api.accountLogout(BASE_ACCOUNT_HOST);
-      window.location.href = BASE_ACCOUNT_HOST;
-    };
-    const profile = () => {
-      window.open(`${BASE_API}/foowz/#/account`, "_blank");
-    };
-    const domainClick = async (item) => {
-      const res = await api.domainSelect(BASE_ACCOUNT_HOST, item.id);
-      if (res.code === 0 && res.message) {
-        window.location.href = res.message;
-      }
-    };
-    vue.onMounted(() => {
-      if (props.userStore) {
-        userInfo.value = props.userStore;
-        getUserDomainsByDetail(userInfo.value);
-      } else {
-        loadUserInfo();
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        userInfo.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
-          key: 0,
-          trigger: "hover",
-          position: "bottom",
-          "arrow-style": { display: "none" },
-          "content-style": { padding: 0 }
-        }, {
-          content: vue.withCtx(() => {
-            var _a, _b;
-            return [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode("div", _hoisted_5, [
-                  vue.createVNode(vue.unref(webVue.Avatar), {
-                    "trigger-type": "mask",
-                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => profile(), ["stop"]))
-                  }, {
-                    "trigger-icon": vue.withCtx(() => [
-                      vue.createVNode(vue.unref(icon.IconEdit))
-                    ]),
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("img", {
-                        alt: "avatar",
-                        src: userInfo.value.avatar
-                      }, null, 8, _hoisted_6)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(userInfo.value.alias || "\u6682\u65E0"), 1),
-                vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(userInfo.value.name), 1),
-                vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(userInfo.value.mail || "\u6682\u65E0\u90AE\u7BB1"), 1),
-                ((_a = userInfo.value.domains) == null ? void 0 : _a.length) === 1 && userInfo.value.currentDomain ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(userInfo.value.currentDomain), 1)) : vue.createCommentVNode("v-if", true),
-                ((_b = userInfo.value.domains) == null ? void 0 : _b.length) > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), { key: 1 }, {
-                  content: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userInfo.value.domains, (item, index) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
-                        key: index,
-                        onClick: vue.withModifiers(($event) => domainClick(item), ["stop"])
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(item.alias), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 128))
-                  ]),
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Button), { long: "" }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(userInfo.value.currentDomain), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", _hoisted_11, [
-                  vue.createVNode(vue.unref(webVue.Button), {
-                    type: "text",
-                    onClick: _cache[1] || (_cache[1] = ($event) => loginOut())
-                  }, {
-                    default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                      vue.createTextVNode("\u9000\u51FA")
-                    ])),
-                    _: 1
-                  })
-                ])
-              ])
-            ];
-          }),
-          default: vue.withCtx(() => [
-            slotTest ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(webVue.Avatar), { key: 1 }, {
-              default: vue.withCtx(() => [
-                userInfo.value.avatar ? (vue.openBlock(), vue.createElementBlock("img", {
-                  key: 0,
-                  alt: "avatar",
-                  src: userInfo.value.avatar
-                }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(userInfo.value.name), 1))
-              ]),
-              _: 1
-            }))
-          ]),
-          _: 3
-        })) : vue.createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/userAvater/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var component = require("./component.js");
-const userAvater = Object.assign(component, {
-  install: (app) => {
-    app.component(component.name, component);
-  }
-});
-module.exports = userAvater;

package/lib/userAvater/script/api.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var request = require("../../utils/request.js");
-function getUserInfo(BASE_API, params) {
-  return request(BASE_API, {
-    url: "/poplar/v2/account/info",
-    method: "get",
-    params
-  });
-}
-function getUserDetails(BASE_API, params) {
-  return request(BASE_API, {
-    url: `/poplar/v2/account/detail`,
-    method: "get",
-    params
-  });
-}
-function domainSelect(BASE_API, did) {
-  return request(BASE_API, {
-    url: "/sandy/v1/account/domain/select",
-    method: "post",
-    data: {
-      domain_id: did
-    }
-  });
-}
-function accountLogout(BASE_API, params) {
-  return request(BASE_API, {
-    url: "/sandy/v1/account/logout",
-    method: "post",
-    params
-  });
-}
-exports.accountLogout = accountLogout;
-exports.domainSelect = domainSelect;
-exports.getUserDetails = getUserDetails;
-exports.getUserInfo = getUserInfo;

package/lib/userAvater/style/css.js

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.css");