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

package/lib/index.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var components = require("./components.js");
-var index = require("./appCenter/index.js");
-var index$1 = require("./messageBox/index.js");
-var index$2 = require("./userAvater/index.js");
-var index$3 = require("./typeIcons/index.js");
-var index$4 = require("./uploadStep/index.js");
-var index$5 = require("./contentModal/index.js");
-var index$6 = require("./resourceModal/index.js");
-var index$7 = require("./previousVersion/index.js");
-var index$8 = require("./selectGategory/index.js");
-var index$9 = require("./imageCrop/index.js");
-var index$a = require("./uploadBefore/index.js");
-var index$b = require("./contentDetailList/index.js");
-var index$c = require("./emptyData/index.js");
-var index$d = require("./mediaFilter/index.js");
-var index$e = require("./selectAvatarList/index.js");
-var index$f = require("./userDirector/index.js");
-var index$g = require("./selectThumb/index.js");
-var index$h = require("./editMetaInfo/index.js");
-var index$i = require("./baseFilter/index.js");
-var index$j = require("./dataTags/index.js");
-var index$k = require("./colorPalette/index.js");
-var index$l = require("./resourceGridList/index.js");
-var index$m = require("./mediaView/index.js");
-var index$n = require("./thumbCard/index.js");
-var index$o = require("./selectResourceModal/index.js");
-var index$p = require("./docPreview/index.js");
-var index$q = require("./docHistory/index.js");
-var index$r = require("./videoThumb/index.js");
-var index$s = require("./importData/index.js");
-exports["default"] = components;
-exports.appCenter = index;
-exports.messageBox = index$1;
-exports.userAvater = index$2;
-exports.typeIcons = index$3;
-exports.uploadStep = index$4;
-exports.contentModal = index$5;
-exports.resourceModal = index$6;
-exports.previousVersion = index$7;
-exports.selectGategory = index$8;
-exports.imageCrop = index$9;
-exports.uploadBefore = index$a;
-exports.contentDetailList = index$b;
-exports.emptyData = index$c;
-exports.mediaFilter = index$d;
-exports.selectAvatarList = index$e;
-exports.userDirector = index$f;
-exports.selectThumb = index$g;
-exports.editMetaInfo = index$h;
-exports.baseFilter = index$i;
-exports.dataTags = index$j;
-exports.colorPalette = index$k;
-exports.resourceGridList = index$l;
-exports.mediaView = index$m;
-exports.thumbCard = index$n;
-exports.selectResourceModal = index$o;
-exports.docPreview = index$p;
-exports.docHistory = index$q;
-exports.videoThumb = index$r;
-exports.importData = index$s;

package/lib/index.less

@@ -1,30 +0,0 @@
-@import './style/index.less';
-@import './appCenter/style/index.less';
-@import './messageBox/style/index.less';
-@import './userAvater/style/index.less';
-@import './typeIcons/style/index.less';
-@import './uploadStep/style/index.less';
-@import './contentModal/style/index.less';
-@import './resourceModal/style/index.less';
-@import './previousVersion/style/index.less';
-@import './selectGategory/style/index.less';
-@import './imageCrop/style/index.less';
-@import './uploadBefore/style/index.less';
-@import './contentDetailList/style/index.less';
-@import './emptyData/style/index.less';
-@import './mediaFilter/style/index.less';
-@import './selectAvatarList/style/index.less';
-@import './userDirector/style/index.less';
-@import './selectThumb/style/index.less';
-@import './editMetaInfo/style/index.less';
-@import './baseFilter/style/index.less';
-@import './dataTags/style/index.less';
-@import './colorPalette/style/index.less';
-@import './resourceGridList/style/index.less';
-@import './mediaView/style/index.less';
-@import './thumbCard/style/index.less';
-@import './selectResourceModal/style/index.less';
-@import './docPreview/style/index.less';
-@import './docHistory/style/index.less';
-@import './videoThumb/style/index.less';
-@import './importData/style/index.less';

package/lib/mediaFilter/component.js

@@ -1,47 +0,0 @@
-"use strict";
-var vue = require("vue");
-var config = require("../config.js");
-var DocFilter = require("./components/DocFilter.js");
-var MediaFilter = require("./components/MediaFilter.js");
-var MpAccountFilter = require("./components/MpAccountFilter.js");
-var MpContentFilter = require("./components/MpContentFilter.js");
-const _hoisted_1 = { class: "filter-wrp" };
-const _sfc_main = vue.defineComponent({
-  ...{ name: "mediaFilter" },
-  __name: "component",
-  props: {
-    filterType: {},
-    docFilterKeys: {},
-    docFilterType: {},
-    BASE_API: {}
-  },
-  emits: ["search", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    props.BASE_API || config.DEFAULT_BASE_API;
-    function handleFilterChange(params) {
-      emits("change", params);
-    }
-    function handleFilterSearch(params) {
-      emits("search", params);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.filterType === "DOC" ? (vue.openBlock(), vue.createBlock(DocFilter, {
-          key: 0,
-          "filter-keys": _ctx.docFilterKeys,
-          "filter-type": _ctx.docFilterType,
-          onSearch: handleFilterSearch,
-          onChange: handleFilterChange
-        }, {
-          right: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "right")
-          ]),
-          _: 3
-        }, 8, ["filter-keys", "filter-type"])) : _ctx.filterType === "MEDIA" ? (vue.openBlock(), vue.createBlock(MediaFilter, { key: 1 })) : _ctx.filterType === "MP_ACOUNT" ? (vue.openBlock(), vue.createBlock(MpAccountFilter, { key: 2 })) : _ctx.filterType === "MP_CONTENT" ? (vue.openBlock(), vue.createBlock(MpContentFilter, { key: 3 })) : vue.createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/mediaFilter/components/DocFilter.js

@@ -1,257 +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 doc = require("../../utils/doc.js");
-var optionsGetter = require("../script/optionsGetter.js");
-var FilterGroup = require("./FilterGroup.js");
-var FilterItem = require("./FilterItem.js");
-const _hoisted_1 = { class: "label" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = { class: "group-right" };
-const _sfc_main = vue.defineComponent({
-  __name: "DocFilter",
-  props: {
-    filterKeys: { default: () => ["doc_type"] },
-    filterType: { default: "APV" }
-  },
-  emits: ["search", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { highLevelSearchOptions, showHighLevelSearch, sortOptions } = optionsGetter.useHighLevelSearch(props.filterType);
-    const filter = vue.ref({
-      keywords: "",
-      doc_type: "",
-      doc_state: "",
-      doc_thumb: "",
-      pub_time: "",
-      doc_banner: "",
-      apv_state: "",
-      apv_type: "",
-      order: highLevelSearchOptions.value.length > 0 ? highLevelSearchOptions.value[0].value : "",
-      sort: -1,
-      meta: {}
-    });
-    if (props.filterType === "MINE") {
-      choseMeta(filter.value.order);
-    }
-    const bannerOptions = [
-      { value: "", label: "\u5168\u90E8" },
-      { value: "0", label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD" },
-      { value: "1", label: "\u6709\u72EC\u7ACB\u8F6E\u64AD" }
-    ];
-    const selectorsLeft = [
-      { key: "doc_type", label: "\u7A3F\u4EF6\u7C7B\u578B", pos: "left", options: doc.typeOptions() },
-      { key: "doc_state", label: "\u7A3F\u4EF6\u72B6\u6001", pos: "left", options: doc.stateOptions() },
-      { key: "doc_thumb", label: "\u5C01\u9762\u7C7B\u578B", pos: "left", options: doc.docThumbTypeMap() },
-      { key: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4", pos: "left", isDatePicker: true },
-      { key: "doc_banner", label: "\u72EC\u7ACB\u8F6E\u64AD", pos: "left", options: bannerOptions },
-      { key: "apv_type", label: "\u5BA1\u6279\u7C7B\u578B", pos: "left", options: optionsGetter.getProvalTypeOptions() },
-      { key: "apv_state", label: "\u5BA1\u6838\u72B6\u6001", pos: "left", options: optionsGetter.getApprovalStateOptions() }
-    ];
-    const calculateRules = vue.computed(() => {
-      return selectorsLeft.filter((item) => {
-        if (props.filterKeys.includes(item.key))
-          return true;
-        return false;
-      });
-    });
-    const showReset = vue.computed(() => {
-      return calculateRules.value.some((item) => {
-        return filter.value[item.key] !== "";
-      });
-    });
-    function reset() {
-      const excludeColumn = ["order", "sort", "meta", "keywords"];
-      Object.keys(filter.value).forEach((key) => {
-        if (excludeColumn.includes(key))
-          return;
-        filter.value[key] = "";
-      });
-    }
-    function columnFilter(fi) {
-      const ret = {};
-      calculateRules.value.forEach((item) => {
-        ret[item.key] = fi[item.key];
-      });
-      ret.keywords = fi.keywords;
-      ret.highSearch = {
-        order: fi.order,
-        sort: fi.sort,
-        meta: fi.meta
-      };
-      return ret;
-    }
-    function handleSearch() {
-      const ret = columnFilter(filter.value);
-      emits("search", ret);
-    }
-    vue.watch(
-      () => filter.value,
-      (n) => {
-        const ret = columnFilter(n);
-        emits("change", ret);
-      },
-      { deep: true }
-    );
-    const currentChose = vue.computed(() => {
-      return highLevelSearchOptions.value.find(
-        (item) => item.value === filter.value.order
-      );
-    });
-    function choseOrder(e) {
-      filter.value.order = e;
-      if (props.filterType === "MINE")
-        choseMeta(e);
-    }
-    function choseMeta(e) {
-      const v = highLevelSearchOptions.value.find((item) => item.value === e);
-      if (!v)
-        return;
-      filter.value.meta = {
-        from: `${v.key}_from`,
-        to: `${v.key}_to`
-      };
-    }
-    function choseSort(e) {
-      filter.value.sort = e;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(FilterGroup, null, {
-        search: vue.withCtx(() => [
-          vue.createVNode(vue.unref(webVue.InputSearch), {
-            modelValue: filter.value.keywords,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
-            "allow-clear": "",
-            size: "medium",
-            placeholder: "\u8BF7\u8F93\u5165\u6807\u9898\u5173\u952E\u5B57",
-            onSearch: handleSearch
-          }, null, 8, ["modelValue"])
-        ]),
-        left: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calculateRules.value, (item) => {
-            return vue.openBlock(), vue.createBlock(FilterItem, {
-              key: item.key,
-              value: filter.value[item.key],
-              "onUpdate:value": ($event) => filter.value[item.key] = $event,
-              label: item.label,
-              "date-picker": !!item.isDatePicker,
-              options: item.options
-            }, {
-              default: vue.withCtx(() => [
-                vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
-                item.isDatePicker ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
-                  key: 0,
-                  modelValue: filter.value[item.key],
-                  "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
-                  onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                  }, ["stop"]))
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" \u666E\u901A\u9009\u62E9\u5668 "),
-                  vue.createVNode(vue.unref(webVue.Select), {
-                    modelValue: filter.value[item.key],
-                    "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
-                    bordered: false,
-                    style: { "width": "120px" },
-                    onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-                    }, ["stop"]))
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.options, (opt) => {
-                        return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                          key: opt.value,
-                          label: opt.label,
-                          value: opt.value
-                        }, null, 8, ["label", "value"]);
-                      }), 128))
-                    ]),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue"])
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["value", "onUpdate:value", "label", "date-picker", "options"]);
-          }), 128)),
-          vue.createCommentVNode(" \u91CD\u7F6E "),
-          showReset.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
-            key: 0,
-            type: "text",
-            onClick: reset
-          }, {
-            icon: vue.withCtx(() => [
-              vue.createVNode(vue.unref(icon.IconRefresh))
-            ]),
-            default: vue.withCtx(() => [
-              _cache[3] || (_cache[3] = vue.createTextVNode(" \u91CD\u7F6E "))
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("v-if", true)
-        ]),
-        right: vue.withCtx(() => [
-          vue.unref(showHighLevelSearch) ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), { key: 0 }, {
-            content: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.Dgroup), { title: "order" }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(highLevelSearchOptions), (item) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
-                      key: item.value,
-                      class: vue.normalizeClass({ active: item.value === filter.value.order, dop: true }),
-                      onClick: ($event) => choseOrder(item.value)
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", _hoisted_1, [
-                          vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
-                          item.value === filter.value.order ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconCheck), { key: 0 })) : vue.createCommentVNode("v-if", true)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(webVue.Dgroup), { title: "sort" }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(sortOptions), (item) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
-                      key: item.value,
-                      class: vue.normalizeClass({ active: item.value === filter.value.sort, dop: true }),
-                      onClick: ($event) => choseSort(item.value)
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", _hoisted_2, [
-                          vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
-                          item.value === filter.value.sort ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconCheck), { key: 0 })) : vue.createCommentVNode("v-if", true)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.Button), { text: "text" }, {
-                default: vue.withCtx(() => {
-                  var _a;
-                  return [
-                    vue.createTextVNode(vue.toDisplayString((_a = currentChose.value) == null ? void 0 : _a.label), 1)
-                  ];
-                }),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.renderSlot(_ctx.$slots, "right")
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/mediaFilter/components/FilterGroup.js

@@ -1,185 +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 core = require("@popperjs/core");
-const _hoisted_1 = { class: "filter-view-container" };
-const _hoisted_2 = { class: "filter-search" };
-const _hoisted_3 = { class: "more-btn" };
-const _hoisted_4 = { class: "right-prefix" };
-const _hoisted_5 = { class: "filter-content" };
-const _hoisted_6 = { class: "right" };
-const _hoisted_7 = {
-  ref: "tempNode",
-  style: { "display": "none" }
-};
-const _sfc_main = vue.defineComponent({
-  __name: "FilterGroup",
-  setup(__props) {
-    const documentWidth = vue.ref(0);
-    const overflowWidth = vue.ref(0);
-    vue.watch(
-      () => documentWidth.value,
-      (n) => checkOverflow()
-    );
-    vue.watch(
-      () => overflowWidth.value,
-      (n) => setPannelItem()
-    );
-    const initDocWidthListener = function() {
-      window.onresize = (() => {
-        return () => {
-          documentWidth.value = document.body.clientWidth;
-        };
-      })();
-    };
-    const filterItemsRef = vue.ref();
-    const moreBtnRef = vue.ref();
-    const dpPannelRef = vue.ref();
-    const initPopper = function() {
-      core.createPopper(moreBtnRef.value, dpPannelRef.value, {
-        placement: "bottom-start",
-        modifiers: [{ name: "offset", options: { offset: [-40, 10] } }]
-      });
-    };
-    const popperShowFlag = vue.ref(false);
-    function showPopper() {
-      popperShowFlag.value = true;
-      window.onclick = hidePopper;
-    }
-    function hidePopper() {
-      popperShowFlag.value = false;
-    }
-    const itemNodeArr = vue.ref([]);
-    const itemWidthArr = vue.ref([]);
-    const itemArr = vue.ref([]);
-    function checkOverflow() {
-      if (!filterItemsRef.value)
-        return;
-      const parent = filterItemsRef.value.parentNode;
-      if (!itemNodeArr.value.length) {
-        itemNodeArr.value = mapNodes(filterItemsRef.value.childNodes);
-        itemWidthArr.value = itemNodeArr.value.map((node) => node.clientWidth + 10);
-        itemArr.value = itemWidthArr.value.map((_, idx) => idx);
-      }
-      const parentWidth = parent.clientWidth;
-      const leftWidth = getArrWidth(itemWidthArr.value);
-      const rightWidth = parent.childNodes[parent.childNodes.length - 1].clientWidth;
-      overflowWidth.value = leftWidth + rightWidth - parentWidth;
-    }
-    function mapNodes(nodes) {
-      const nodeArr = [];
-      for (let i = 0; i < nodes.length; i++) {
-        const element = nodes[i];
-        nodeArr.push(element);
-      }
-      return nodeArr.filter((item) => item.clientWidth);
-    }
-    function getArrWidth(arr) {
-      return arr.reduce((prev, cur) => prev + cur, 0);
-    }
-    const pannelArray = vue.ref("");
-    vue.watch(
-      () => pannelArray.value,
-      (n, o) => refreshPannel(n, o)
-    );
-    function refreshPannel(newStr, oldStr) {
-      const nArr = newStr ? newStr.split(",") : [];
-      const oArr = oldStr ? oldStr.split(",") : [];
-      if (nArr.length && nArr.length > oArr.length) {
-        diff(nArr, oArr).forEach((index) => inNode(parseInt(index, 10)));
-      } else if (nArr.length >= 0 && nArr.length < oArr.length) {
-        diff(oArr, nArr).forEach((index) => outNode(parseInt(index, 10)));
-      }
-    }
-    const diff = (arr1, arr2) => {
-      const diff2 = [];
-      for (let i = 0; i < arr1.length; i++) {
-        const item = arr1[i];
-        if (!arr2.includes(item))
-          diff2.push(item);
-      }
-      return diff2;
-    };
-    function inNode(index) {
-      var _a, _b, _c;
-      const node = mapNodes((_a = filterItemsRef.value) == null ? void 0 : _a.childNodes)[index];
-      const temp = document.createElement("div");
-      temp.style.width = `${itemWidthArr.value[index]}px`;
-      temp.style.position = "absolute";
-      temp.style.left = `${50}px`;
-      (_b = filterItemsRef.value) == null ? void 0 : _b.replaceChild(temp, node);
-      (_c = dpPannelRef.value) == null ? void 0 : _c.appendChild(node);
-    }
-    function outNode(index) {
-      var _a;
-      const node = itemNodeArr.value[index];
-      (_a = filterItemsRef.value) == null ? void 0 : _a.replaceChild(
-        node,
-        mapNodes(filterItemsRef.value.childNodes)[index]
-      );
-    }
-    function setPannelItem() {
-      let inPannelNum = 0;
-      if (overflowWidth.value > 0) {
-        const avgWidth = 120;
-        inPannelNum = Math.ceil((overflowWidth.value + 200) / avgWidth);
-      }
-      pannelArray.value = itemArr.value.slice(0, inPannelNum).join(",");
-    }
-    vue.onMounted(() => {
-      initDocWidthListener();
-      initPopper();
-      setTimeout(() => checkOverflow());
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.renderSlot(_ctx.$slots, "search")
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("div", {
-            ref_key: "moreBtnRef",
-            ref: moreBtnRef
-          }, [
-            vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
-              onClick: vue.withModifiers(showPopper, ["stop"])
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_4, [
-                  _cache[0] || (_cache[0] = vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 ")),
-                  vue.createVNode(vue.unref(icon.IconCaretDown))
-                ])
-              ]),
-              _: 1
-            }, 512), [
-              [vue.vShow, pannelArray.value]
-            ])
-          ], 512),
-          vue.withDirectives(vue.createElementVNode("div", {
-            id: "dpPannelRef",
-            ref_key: "dpPannelRef",
-            ref: dpPannelRef,
-            class: "filter-pannel"
-          }, null, 512), [
-            [vue.vShow, popperShowFlag.value]
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_5, [
-          vue.createElementVNode("div", {
-            ref_key: "filterItemsRef",
-            ref: filterItemsRef,
-            class: "left"
-          }, [
-            vue.renderSlot(_ctx.$slots, "left")
-          ], 512),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.renderSlot(_ctx.$slots, "right")
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_7, null, 512)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;