el-plus 0.0.39 → 0.0.40

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # el-plus
 
+## 0.0.40
+
+### Patch Changes
+
+- univue
+
 ## 0.0.39
 
 ### Patch Changes

package/dist/index.css

@@ -1 +1 @@
-.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-textarea__inner{font-size:13px!important}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}.ep-table__action-buttons{white-space:nowrap}.ep-table .table-column-link .el-form-item{display:inline-block}.ep-table .table-column-link .el-form-item .el-form-item__label{display:none}.ep-table .el-table{font-size:13px}.ep-table .el-table .el-table__cell .is-edit{cursor:pointer}.ep-table .el-table .el-table__cell .is-edit:hover{color:#409eff}.ep-table .el-table .el-table__cell .is-edit .el-icon{vertical-align:-2px}.ep-table .el-table .cell{line-height:30px}.ep-table .el-table thead tr th{height:42px}.ep-table .el-table td,.ep-table .el-table th{padding:3px 0}.ep-table .el-form-item__error{position:unset;text-align:left}.ep-table .el-form-item{margin-bottom:0}.ep-table .el-form-item .el-form-item__label{padding:0}.ep-table .el-pagination{margin-top:12px;--el-pagination-font-size:13px}.ep-table .el-pagination .el-select{--el-select-font-size:13px}.ep-table .el-pagination .el-select .el-select__wrapper{font-size:13px}.ep-button{height:auto;padding:9px 15px}.ep-button.el-button--text{padding:0}.ep-button.el-button+.el-button{margin-left:10px}.ep-search-list-page #middle{overflow:hidden}.ep-search-list-page__middle-left{float:left}.ep-search-list-page__middle-left>.el-button{margin:16px 0}.ep-search-list-page__middle-right{float:right}.ep-search-list-page__middle-right .el-button{margin:16px 0}.ep-title__header{line-height:50px;overflow:hidden}.ep-title__title{float:left;font-size:15px;font-weight:500}.ep-title__toggle{color:#409eff;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin-left:10px;white-space:nowrap}.ep-title__toggle .el-icon{transition:transform .3s;vertical-align:-2px}.ep-title.is-expanded .ep-title__toggle .el-icon{transform:rotate(-180deg)}.ep-title__buttons{float:right}.ep-title__content{overflow:hidden;transition:max-height .3s ease-in-out}.ep-header{display:flex;margin-bottom:10px}.ep-header .el-page-header .el-page-header__left{margin-right:-10px;margin-top:4px}.ep-template-promise{position:relative;z-index:8888888888888888}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}.ep-custom-column__dialog .el-dialog__body{text-align:center}.ep-custom-column__dialog .el-transfer{display:inline-block}.ep-custom-column__dialog .el-transfer-panel__footer{border-bottom:0;height:0}.ep-custom-column__dialog .el-transfer-panel{overflow:visible}.ep-custom-column__operate{position:absolute;right:-100%;top:50%;transform:translate(calc(25% - 52px),32px)}.ep-link{font-size:13px}
+.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-textarea__inner{font-size:13px!important}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}.ep-table__action-buttons{white-space:nowrap}.ep-table .table-column-link .el-form-item{display:inline-block}.ep-table .table-column-link .el-form-item .el-form-item__label{display:none}.ep-table .el-table{font-size:13px}.ep-table .el-table .el-table__cell .is-edit{cursor:pointer}.ep-table .el-table .el-table__cell .is-edit:hover{color:#409eff}.ep-table .el-table .el-table__cell .is-edit .el-icon{vertical-align:-2px}.ep-table .el-table .cell{line-height:30px}.ep-table .el-table thead tr th{height:42px}.ep-table .el-table td,.ep-table .el-table th{padding:3px 0}.ep-table .el-form-item__error{position:unset;text-align:left}.ep-table .el-form-item{margin-bottom:0}.ep-table .el-form-item .el-form-item__label{padding:0}.ep-table .el-pagination{margin-top:12px;--el-pagination-font-size:13px}.ep-table .el-pagination .el-select{--el-select-font-size:13px}.ep-table .el-pagination .el-select .el-select__wrapper{font-size:13px}.ep-button{height:auto;padding:9px 15px}.ep-button.el-button--text{padding:0}.ep-button.el-button+.el-button{margin-left:10px}.ep-search-list-page #middle{overflow:hidden}.ep-search-list-page__middle-left{float:left}.ep-search-list-page__middle-left>.el-button{margin:16px 0}.ep-search-list-page__middle-right{float:right}.ep-search-list-page__middle-right .el-button{margin:16px 0}.ep-title__header{line-height:50px;overflow:hidden}.ep-title__title{float:left;font-size:15px;font-weight:500}.ep-title__toggle{color:#409eff;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;margin-left:10px;white-space:nowrap}.ep-title__toggle .el-icon{transition:transform .3s;vertical-align:-2px}.ep-title.is-expanded .ep-title__toggle .el-icon{transform:rotate(-180deg)}.ep-title__buttons{float:right}.ep-title__content{overflow:hidden;transition:max-height .3s ease-in-out}.ep-header{display:flex;margin-bottom:10px}.ep-header .el-page-header .el-page-header__left{margin-right:-10px;margin-top:4px}.ep-template-promise{position:relative;z-index:8888888888888888}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}.ep-custom-column__dialog .el-dialog__body{text-align:center}.ep-custom-column__dialog .el-transfer{display:inline-block}.ep-custom-column__dialog .el-transfer-panel__footer{border-bottom:0;height:0}.ep-custom-column__dialog .el-transfer-panel{overflow:visible}.ep-custom-column__operate{position:absolute;right:-100%;top:50%;transform:translate(calc(25% - 52px),32px)}.ep-link{font-size:13px}.ep-uni-vue{background:#fff}.ep-uni-vue__skeleton .el-skeleton__item{margin-top:10px}

package/dist/index.full.js

@@ -1,10 +1,10 @@
-/*! ElPlus v0.0.39 */
+/*! ElPlus v0.0.40 */
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus'), require('@vue/shared'), require('axios'), require('js-cookie'), require('defu'), require('qs'), require('element-plus/es/components/table/src/table/defaults'), require('@element-plus/icons-vue'), require('mitt'), require('lodash-unified'), require('@vueuse/core'), require('vue-router'), require('js-base64')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus', '@vue/shared', 'axios', 'js-cookie', 'defu', 'qs', 'element-plus/es/components/table/src/table/defaults', '@element-plus/icons-vue', 'mitt', 'lodash-unified', '@vueuse/core', 'vue-router', 'js-base64'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ElPlus = {}, global.Vue, global.ElementPlus, global.shared, global.axios, global.Cookies, global.defu, global.qs, global.elTableProps, global.iconsVue, global.mitt, global.lodashUnified, global.core, global.vueRouter, global.jsBase64));
-})(this, (function (exports, vue, elementPlus, shared, axios, Cookies, defu, qs, elTableProps, iconsVue, mitt, lodashUnified, core, vueRouter, jsBase64) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus'), require('@vue/shared'), require('axios'), require('js-cookie'), require('defu'), require('qs'), require('element-plus/es/components/table/src/table/defaults'), require('@element-plus/icons-vue'), require('mitt'), require('lodash-unified'), require('@vueuse/core'), require('vue-router'), require('js-base64'), require('vue2/dist/vue.min.js'), require('vue-router3')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus', '@vue/shared', 'axios', 'js-cookie', 'defu', 'qs', 'element-plus/es/components/table/src/table/defaults', '@element-plus/icons-vue', 'mitt', 'lodash-unified', '@vueuse/core', 'vue-router', 'js-base64', 'vue2/dist/vue.min.js', 'vue-router3'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ElPlus = {}, global.Vue, global.ElementPlus, global.shared, global.axios, global.Cookies, global.defu, global.qs, global.elTableProps, global.iconsVue, global.mitt, global.lodashUnified, global.core, global.vueRouter, global.jsBase64, global.Vue2, global.VueRouter3));
+})(this, (function (exports, vue, elementPlus, shared, axios, Cookies, defu, qs, elTableProps, iconsVue, mitt, lodashUnified, core, vueRouter, jsBase64, Vue2, VueRouter3) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -1053,7 +1053,7 @@
     }
   });
 
-  var _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpForm",
       inheritAttrs: false
@@ -1151,7 +1151,7 @@
     }
   });
 
-  const EpForm = withInstall(_sfc_main$a);
+  const EpForm = withInstall(_sfc_main$b);
 
   const { t: t$2 } = useLocale();
   const inputProps = {
@@ -1180,7 +1180,7 @@
   };
   const inputEmitsKeys = Object.keys(inputEmits);
 
-  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpInput",
       inheritAttrs: false
@@ -1314,7 +1314,7 @@
     }
   });
 
-  const EpInput = withInstall(_sfc_main$9);
+  const EpInput = withInstall(_sfc_main$a);
 
   function _isSlot$1(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -1654,7 +1654,7 @@
     }
   };
 
-  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpCustomColumn",
       inheritAttrs: false
@@ -1860,7 +1860,7 @@
     }
   });
 
-  const EpCustomColumn = withInstall(_sfc_main$8);
+  const EpCustomColumn = withInstall(_sfc_main$9);
 
   const inheritTableProps = {
     ...elTableProps,
@@ -2320,7 +2320,7 @@
     };
   };
 
-  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpTable",
       inheritAttrs: false
@@ -2505,7 +2505,7 @@
     }
   });
 
-  const EpTable = withInstall(_sfc_main$7);
+  const EpTable = withInstall(_sfc_main$8);
 
   const searchListPageProps = {
     ...apiProps,
@@ -2759,7 +2759,7 @@
     };
   };
 
-  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "EpSearchListPage" },
     __name: "search-list-page",
     props: searchListPageProps,
@@ -2812,7 +2812,7 @@
     }
   });
 
-  const EpSearchListPage = withInstall(_sfc_main$6);
+  const EpSearchListPage = withInstall(_sfc_main$7);
 
   const inheritSelectProps = {
     ...elementPlus.selectProps,
@@ -2938,7 +2938,7 @@
     };
   }
 
-  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpSelect",
       inheritAttrs: false
@@ -3026,7 +3026,7 @@
     }
   });
 
-  const EpSelect = withInstall(_sfc_main$5);
+  const EpSelect = withInstall(_sfc_main$6);
 
   const titleProps = {
     // 右侧按钮
@@ -3085,7 +3085,7 @@
     };
   };
 
-  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpTitle",
       inheritAttrs: false
@@ -3149,7 +3149,7 @@
     }
   });
 
-  const EpTitle = withInstall(_sfc_main$4);
+  const EpTitle = withInstall(_sfc_main$5);
 
   const headerProps = {
     // 页面模式
@@ -3330,7 +3330,7 @@
     };
   };
 
-  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpHeader",
       inheritAttrs: false
@@ -3363,7 +3363,7 @@
     }
   });
 
-  const EpHeader = withInstall(_sfc_main$3);
+  const EpHeader = withInstall(_sfc_main$4);
 
   const { t } = useLocale();
   const datePickerRangeProps = {
@@ -3433,7 +3433,7 @@
   };
   const datePickerRangeEmits = {};
 
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpDatePickerRange",
       inheritAttrs: false
@@ -3489,7 +3489,7 @@
     }
   });
 
-  const EpDatePickerRange = withInstall(_sfc_main$2);
+  const EpDatePickerRange = withInstall(_sfc_main$3);
 
   const linkProps = {
     ...elementPlus.linkProps,
@@ -3506,7 +3506,7 @@
     }
   };
 
-  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpLink",
       inheritAttrs: false
@@ -3551,7 +3551,7 @@
     }
   });
 
-  const EpLink = withInstall(_sfc_main$1);
+  const EpLink = withInstall(_sfc_main$2);
 
   const attachmentProps = {
     // 格式化列
@@ -3725,7 +3725,7 @@
     };
   };
 
-  var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "EpAttachment",
       inheritAttrs: false
@@ -3780,7 +3780,176 @@
     }
   });
 
-  const EpAttachment = withInstall(_sfc_main);
+  const EpAttachment = withInstall(_sfc_main$1);
+
+  const componentType = ["bpm", "address"];
+  const uniVueProps = {
+    name: String,
+    // 组件名字
+    type: String
+    // 组件类型 bpm、 address
+  };
+
+  const useUniVue = (props) => {
+    const uniVue = vue.useTemplateRef("uniVue");
+    const { type } = props;
+    const loading = vue.ref(true);
+    const isAddress = type === "address";
+    const isBpm = type === "bpm";
+    const isLoadStatic = componentType.indexOf(type) > -1;
+    const attrs = vue.useAttrs();
+    const setupWindow = () => {
+      Vue2.use(VueRouter3);
+      if (!window.Vue) {
+        window.Vue = Vue2;
+      }
+      if (isAddress) {
+        if (!window.axios) {
+          window.axios = axios;
+        }
+        if (!window.ElementUI) {
+          window.ElementUI = {
+            Message: elementPlus.ElMessage,
+            Loading: elementPlus.ElLoading
+          };
+        }
+      }
+    };
+    setupWindow();
+    const prepareVueAttributes = () => {
+      const events = {};
+      const _props = {};
+      Object.keys(attrs).forEach((key) => {
+        if (key.startsWith("on")) {
+          let eventName = key.slice(2);
+          eventName = eventName.replace(/([A-Z])/g, "-$1").toLowerCase();
+          eventName = eventName.slice(1);
+          events[eventName] = attrs[key];
+        } else {
+          _props[key] = attrs[key];
+        }
+      });
+      return {
+        on: events,
+        props: _props
+      };
+    };
+    const cdn = "//j01.hongxinshop.com/";
+    const getStaticJsUrl = () => {
+      switch (type) {
+        case "bpm":
+          return `${cdn}bpm-common/common/index.umd.min.js`;
+        case "address":
+          return `${cdn}address/static/hx-address-full.js`;
+        default:
+          return "";
+      }
+    };
+    const getStaticCssUrl = () => {
+      switch (type) {
+        case "bpm":
+          return `/bpm-common/common/index.css`;
+        case "address":
+          return `/address/static/hx-address.css`;
+        default:
+          return "";
+      }
+    };
+    const hasLoadStaticJsResource = () => {
+      let globalName;
+      if (isAddress) {
+        globalName = "hxAddress";
+      }
+      if (isBpm) {
+        globalName = "index";
+      }
+      if (window[globalName]) return true;
+      return false;
+    };
+    const loadStaticJsResource = async () => {
+      return new Promise((resolve, reject) => {
+        if (hasLoadStaticJsResource()) return resolve("");
+        const script = document.createElement("script");
+        script.src = getStaticJsUrl();
+        script.onload = resolve;
+        script.onerror = reject;
+        document.body.appendChild(script);
+      });
+    };
+    const loadStaticCssResource = async () => {
+      const { data: css } = await http.request(getStaticCssUrl(), {
+        responseReturn: "raw"
+      });
+      return css;
+    };
+    const setupInstance = async () => {
+      if (undefined) return;
+      const el = uniVue.value;
+      const shadowRoot = el.attachShadow({ mode: "open" });
+      const container = document.createElement("div");
+      if (isLoadStatic) {
+        try {
+          loading.value = true;
+          const [_res1, css] = await Promise.all([
+            loadStaticJsResource(),
+            loadStaticCssResource()
+          ]);
+          const style = document.createElement("style");
+          style.textContent = css;
+          shadowRoot.appendChild(style);
+        } catch (error) {
+          console.log(error);
+        } finally {
+          loading.value = false;
+        }
+      }
+      shadowRoot.appendChild(container);
+      new Vue2({
+        el: container,
+        router: new VueRouter3(),
+        render: (h) => h(props.name, prepareVueAttributes())
+      });
+    };
+    vue.onMounted(() => {
+      setupInstance();
+    });
+    return {
+      loading
+    };
+  };
+
+  var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "EpUniVue",
+      inheritAttrs: false
+    },
+    __name: "uni-vue",
+    props: uniVueProps,
+    setup(__props) {
+      const bem = createNameSpace("uni-vue");
+      const props = __props;
+      const { loading } = useUniVue(props);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          vue.createVNode(vue.unref(elementPlus.ElSkeleton), {
+            class: vue.normalizeClass(vue.unref(bem).e("skeleton")),
+            loading: vue.unref(loading),
+            style: { "background": "#fff", "padding": "5px 15px" },
+            rows: 1
+          }, null, 8, ["class", "loading"]),
+          vue.createElementVNode("div", {
+            ref: "uniVue",
+            class: vue.normalizeClass(`${vue.unref(bem).b()} ${vue.unref(prepareClassNames)()}`),
+            style: vue.normalizeStyle({
+              ...vue.unref(prepareStyles)()
+            })
+          }, null, 6)
+        ], 64);
+      };
+    }
+  });
+
+  const EpUniVue = withInstall(_sfc_main);
 
   var components = [
     EpButtons,
@@ -3794,10 +3963,11 @@
     EpDatePickerRange,
     EpCustomColumn,
     EpLink,
-    EpAttachment
+    EpAttachment,
+    EpUniVue
   ];
 
-  var version = "0.0.39";
+  var version = "0.0.40";
 
   var globalProperties = {
     install(app) {
@@ -3894,8 +4064,10 @@
   exports.EpSelect = EpSelect;
   exports.EpTable = EpTable;
   exports.EpTitle = EpTitle;
+  exports.EpUniVue = EpUniVue;
   exports.attachmentProps = attachmentProps;
   exports.buttonsProps = buttonsProps;
+  exports.componentType = componentType;
   exports.customColumnEmits = customColumnEmits;
   exports.customColumnProps = customColumnProps;
   exports.datePickerRangeEmits = datePickerRangeEmits;
@@ -3926,6 +4098,7 @@
   exports.tableProps = tableProps;
   exports.titleEmits = titleEmits;
   exports.titleProps = titleProps;
+  exports.uniVueProps = uniVueProps;
   exports.useChooseDialog = useChooseDialog;
   exports.useDialog = useDialog;
   exports.useFormDialog = useFormDialog;