view-ui-plus-derive 0.2.1 → 0.2.2

package/README.md

@@ -291,7 +291,10 @@ const columns = [
     label: '年龄'
   }
 ]
-// keys 决定存储路径，cols 为列配置
+// 传递字符串指定存储路径
+const cacheCols = 'app.userA.[page.list.cols]'
+
+// 也可传递一个对象：keys 决定存储路径，cols 为列配置
 const cacheCols = {
   // 若路径较深，建议适当扁平以简化存取的对象结构
   // 如下会以 app.userA['page.list.cols'] 的形式读写 localStorage。若去掉中括号，对象将为 app.userA.page.list.cols 的形式

package/dist/index.d.ts

@@ -399,11 +399,11 @@ maxDisabled: BooleanConstructor;
 /**
 * 最小值组件class
 */
-minClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+minClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 最大值组件class
 */
-maxClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+maxClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 最小值占位文本
 */
@@ -437,7 +437,7 @@ maxAttr: ObjectConstructor;
 /**
 * 中间连接部分class
 */
-joinerClass: (ObjectConstructor | StringConstructor)[];
+joinerClass: (StringConstructor | ObjectConstructor)[];
 /**
 * 是否隐藏连接部分
 */
@@ -492,11 +492,11 @@ maxDisabled: BooleanConstructor;
 /**
 * 最小值组件class
 */
-minClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+minClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 最大值组件class
 */
-maxClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+maxClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 最小值占位文本
 */
@@ -530,7 +530,7 @@ maxAttr: ObjectConstructor;
 /**
 * 中间连接部分class
 */
-joinerClass: (ObjectConstructor | StringConstructor)[];
+joinerClass: (StringConstructor | ObjectConstructor)[];
 /**
 * 是否隐藏连接部分
 */
@@ -881,8 +881,8 @@ limitBegin: {
 type: BooleanConstructor;
 default: boolean;
 };
-beginClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
-endClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+beginClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+endClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 开始时间placeholder
 */
@@ -902,7 +902,7 @@ endAttr: ObjectConstructor;
 /**
 * 中间连接符的class
 */
-joinerClass: (ObjectConstructor | StringConstructor)[];
+joinerClass: (StringConstructor | ObjectConstructor)[];
 /**
 * 是否禁止选择今天
 */
@@ -968,8 +968,8 @@ limitBegin: {
 type: BooleanConstructor;
 default: boolean;
 };
-beginClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
-endClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+beginClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+endClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
 /**
 * 开始时间placeholder
 */
@@ -989,7 +989,7 @@ endAttr: ObjectConstructor;
 /**
 * 中间连接符的class
 */
-joinerClass: (ObjectConstructor | StringConstructor)[];
+joinerClass: (StringConstructor | ObjectConstructor)[];
 /**
 * 是否禁止选择今天
 */
@@ -1972,7 +1972,7 @@ label: any;
 method: FunctionConstructor;
 refresh: FunctionConstructor;
 process: FunctionConstructor;
-param: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+param: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
 chosen: (ObjectConstructor | ArrayConstructor)[];
 autoGet: BooleanConstructor;
 formatLabel: {
@@ -1993,7 +1993,7 @@ textFormat: FunctionConstructor;
 * <Select v-model="some" ><Option value="1">1</Option></Select>
 * <RemoteSelect :parentCode="some" />
 */
-parentCode: (NumberConstructor | ArrayConstructor | StringConstructor)[];
+parentCode: (NumberConstructor | StringConstructor | ArrayConstructor)[];
 optionDisabled: FunctionConstructor;
 optionTag: FunctionConstructor;
 getSelected: {
@@ -2064,7 +2064,7 @@ label: any;
 method: FunctionConstructor;
 refresh: FunctionConstructor;
 process: FunctionConstructor;
-param: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+param: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
 chosen: (ObjectConstructor | ArrayConstructor)[];
 autoGet: BooleanConstructor;
 formatLabel: {
@@ -2085,7 +2085,7 @@ textFormat: FunctionConstructor;
 * <Select v-model="some" ><Option value="1">1</Option></Select>
 * <RemoteSelect :parentCode="some" />
 */
-parentCode: (NumberConstructor | ArrayConstructor | StringConstructor)[];
+parentCode: (NumberConstructor | StringConstructor | ArrayConstructor)[];
 optionDisabled: FunctionConstructor;
 optionTag: FunctionConstructor;
 getSelected: {

package/dist/iview-mods/table-cache-cols.js

@@ -1,22 +1,24 @@
-import { Table as e } from "view-ui-plus";
-import { getPathValue as u, deepMerge as p, makeObjectByPath as y } from "utils-where";
-e.props.cacheCols = Object;
-const l = function(t, a, i) {
-  const s = this.cacheCols.keys.split(".")[0], o = this.cacheCols.keys.slice(s.length + 1), h = localStorage.getItem(s), c = h ? JSON.parse(h) : {};
-  let n = u(c, o);
-  n || (n = {}, p(c, y(o, n))), n[i.key] ? n[i.key].width = Math.round(t) : n[i.key] = {
+import { Table as s } from "view-ui-plus";
+import { getPathValue as p, deepMerge as C, makeObjectByPath as g } from "utils-where";
+s.props.cacheCols = [String, Object];
+const l = function(t, a, n) {
+  let i, e;
+  typeof this.cacheCols == "string" ? (i = this.cacheCols, e = this.columns) : (i = this.cacheCols.keys, e = this.cacheCols.cols);
+  const o = i.split(".")[0], r = i.slice(o.length + 1), d = localStorage.getItem(o), h = d ? JSON.parse(d) : {};
+  let c = p(h, r);
+  c || (c = {}, C(h, g(r, c))), c[n.key] ? c[n.key].width = Math.round(t) : c[n.key] = {
     width: Math.round(t)
-  }, this.cacheCols.cols?.length && (this.cacheCols.cols.find((f) => f.key === i.key).width = Math.round(t)), setTimeout(() => {
-    localStorage.setItem(s, JSON.stringify(c));
+  }, e?.length && (e.find((y) => y.key === n.key).width = Math.round(t)), setTimeout(() => {
+    localStorage.setItem(o, JSON.stringify(h));
   });
-}, r = function() {
-  if (!this.cacheCols?.keys) return;
-  const t = this.cacheCols.keys.split(".")[0], a = this.cacheCols.keys.slice(t.length + 1), i = localStorage.getItem(t), s = i && u(JSON.parse(i), a);
-  !s || !Object.keys(s).length || this.columns.forEach((o) => {
-    s[o.key]?.width && (o.width = s[o.key].width);
+}, f = function() {
+  if (typeof this.cacheCols != "string" ? !this.cacheCols?.keys : !this.cacheCols) return;
+  const t = typeof this.cacheCols == "string" ? this.cacheCols : this.cacheCols.keys, a = t.split(".")[0], n = t.slice(a.length + 1), i = localStorage.getItem(a), e = i && p(JSON.parse(i), n);
+  !e || !Object.keys(e).length || this.columns.forEach((o) => {
+    e[o.key]?.width && (o.width = e[o.key].width);
   });
-}, d = function() {
-  if (!this.cacheCols?.keys) return;
+}, u = function() {
+  if (typeof this.cacheCols != "string" ? !this.cacheCols?.keys : !this.cacheCols) return;
   const t = this.$.vnode.props;
   if (typeof t.onOnColumnWidthResize == "function" && t.onOnColumnWidthResize.name !== "bound saveColWidth") {
     t.onOnColumnWidthResize = [l.bind(this), t.onOnColumnWidthResize];
@@ -30,19 +32,19 @@ const l = function(t, a, i) {
   }
   t.onOnColumnWidthResize = l.bind(this);
 };
-if (typeof e.created != "function")
-  e.created = r;
+if (typeof s.created != "function")
+  s.created = f;
 else {
-  const t = e.created;
-  e.created = function() {
-    t.call(this), r.call(this);
+  const t = s.created;
+  s.created = function() {
+    t.call(this), f.call(this);
   };
 }
-if (typeof e.updated != "function")
-  e.updated = d;
+if (typeof s.updated != "function")
+  s.updated = u;
 else {
-  const t = e.updated;
-  e.updated = function() {
-    t.call(this), d.call(this);
+  const t = s.updated;
+  s.updated = function() {
+    t.call(this), u.call(this);
   };
 }

package/dist/umd/iview-mod.js

@@ -1 +1 @@
-(function(n,c){typeof exports=="object"&&typeof module<"u"?c(require("view-ui-plus")):typeof define=="function"&&define.amd?define(["view-ui-plus"],c):(n=typeof globalThis<"u"?globalThis:n||self,c(n.ViewUIPlus))})(this,(function(n){"use strict";n.InputNumber.props.modelValue.default=null,n.InputNumber.props.unset={type:Number,default:null},n.InputNumber.methods.change=function(e){if(e.type==="change"&&this.activeChange||e.type==="input"&&!this.activeChange)return;let t=e.target.value.trim();if(this.parser&&(t=this.parser(t)),t.length===0){this.setValue(this.unset);return}e.type==="input"&&t.match(/^\-?\.?$|\.$/)||(t=Number(t),isNaN(t)?e.target.value=this.currentValue:(this.currentValue=t,this.setValue(t)))},n.Select.watch.visible=function(e){e&&(this.filterQueryChange=!1),this.$emit("on-open-change",e)};const c=n.Option.computed.isShow;n.Option.computed.isShow=function(){return this.SelectInstance.dropVisible||c.call(this)};const b=n.Table.watch.data.handler;n.Table.watch.data.handler=function(e){b.call(this,e),setTimeout(()=>{const t=this.$refs.body;t&&((this.$refs.header&&this.$refs.header.scrollLeft)!==t.scrollLeft||this.isRightFixed&&this.$refs.fixedRightBody.scrollTop!==t.scrollTop||this.isLeftFixed&&this.$refs.fixedBody.scrollTop!==t.scrollTop)&&t.dispatchEvent(new Event("scroll"))})};function h(e,t,s){if(!e||typeof e!="object"||!t)return e;const i=Array.from(t.matchAll(/([^.[\]]+)|\[(.*?)\]/g),r=>[r[0],r[1]||r[2]]),o=void 0;let l=e;for(const r of i){if(l==null){l=void 0;break}l=l[r[1]]}return l}function m(e,t){let s={};if(!e)return s;const i=s,o=Array.from(e.matchAll(/([^.[\]]+)|\[(.*?)\]/g),l=>l[1]||l[2]);for(let l=0,r=o.length;l<r;l++)s=s[o[l]]=l<r-1?{}:t;return s=null,i}function d(e){return e!=null&&typeof e=="object"}function f(e,t,s){if(!e||!t)return e;for(const[i,o]of Object.entries(t))Object.hasOwn(e,i)&&o===e[i]||(d(o)&&d(e[i])?f(e[i],o):e[i]=o);return e}n.Table.props.cacheCols=Object;const u=function(e,t,s){const i=this.cacheCols.keys.split(".")[0],o=this.cacheCols.keys.slice(i.length+1),l=localStorage.getItem(i),r=l?JSON.parse(l):{};let a=h(r,o);a||(a={},f(r,m(o,a))),a[s.key]?a[s.key].width=Math.round(e):a[s.key]={width:Math.round(e)},this.cacheCols.cols?.length&&(this.cacheCols.cols.find(g=>g.key===s.key).width=Math.round(e)),setTimeout(()=>{localStorage.setItem(i,JSON.stringify(r))})},p=function(){if(!this.cacheCols?.keys)return;const e=this.cacheCols.keys.split(".")[0],t=this.cacheCols.keys.slice(e.length+1),s=localStorage.getItem(e),i=s&&h(JSON.parse(s),t);!i||!Object.keys(i).length||this.columns.forEach(o=>{i[o.key]?.width&&(o.width=i[o.key].width)})},y=function(){if(!this.cacheCols?.keys)return;const e=this.$.vnode.props;if(typeof e.onOnColumnWidthResize=="function"&&e.onOnColumnWidthResize.name!=="bound saveColWidth"){e.onOnColumnWidthResize=[u.bind(this),e.onOnColumnWidthResize];return}if(Array.isArray(e.onOnColumnWidthResize)){e.onOnColumnWidthResize.every(t=>t.name!=="bound saveColWidth")&&e.onOnColumnWidthResize.unshift(u.bind(this));return}e.onOnColumnWidthResize=u.bind(this)};if(typeof n.Table.created!="function")n.Table.created=p;else{const e=n.Table.created;n.Table.created=function(){e.call(this),p.call(this)}}if(typeof n.Table.updated!="function")n.Table.updated=y;else{const e=n.Table.updated;n.Table.updated=function(){e.call(this),y.call(this)}}}));
+(function(s,c){typeof exports=="object"&&typeof module<"u"?c(require("view-ui-plus")):typeof define=="function"&&define.amd?define(["view-ui-plus"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.ViewUIPlus))})(this,(function(s){"use strict";s.InputNumber.props.modelValue.default=null,s.InputNumber.props.unset={type:Number,default:null},s.InputNumber.methods.change=function(e){if(e.type==="change"&&this.activeChange||e.type==="input"&&!this.activeChange)return;let t=e.target.value.trim();if(this.parser&&(t=this.parser(t)),t.length===0){this.setValue(this.unset);return}e.type==="input"&&t.match(/^\-?\.?$|\.$/)||(t=Number(t),isNaN(t)?e.target.value=this.currentValue:(this.currentValue=t,this.setValue(t)))},s.Select.watch.visible=function(e){e&&(this.filterQueryChange=!1),this.$emit("on-open-change",e)};const c=s.Option.computed.isShow;s.Option.computed.isShow=function(){return this.SelectInstance.dropVisible||c.call(this)};const g=s.Table.watch.data.handler;s.Table.watch.data.handler=function(e){g.call(this,e),setTimeout(()=>{const t=this.$refs.body;t&&((this.$refs.header&&this.$refs.header.scrollLeft)!==t.scrollLeft||this.isRightFixed&&this.$refs.fixedRightBody.scrollTop!==t.scrollTop||this.isLeftFixed&&this.$refs.fixedBody.scrollTop!==t.scrollTop)&&t.dispatchEvent(new Event("scroll"))})};function d(e,t,l){if(!e||typeof e!="object"||!t)return e;const o=Array.from(t.matchAll(/([^.[\]]+)|\[(.*?)\]/g),r=>[r[0],r[1]||r[2]]),n=void 0;let i=e;for(const r of o){if(i==null){i=void 0;break}i=i[r[1]]}return i}function C(e,t){let l={};if(!e)return l;const o=l,n=Array.from(e.matchAll(/([^.[\]]+)|\[(.*?)\]/g),i=>i[1]||i[2]);for(let i=0,r=n.length;i<r;i++)l=l[n[i]]=i<r-1?{}:t;return l=null,o}function p(e){return e!=null&&typeof e=="object"}function y(e,t,l){if(!e||!t)return e;for(const[o,n]of Object.entries(t))Object.hasOwn(e,o)&&n===e[o]||(p(n)&&p(e[o])?y(e[o],n):e[o]=n);return e}s.Table.props.cacheCols=[String,Object];const h=function(e,t,l){let o,n;typeof this.cacheCols=="string"?(o=this.cacheCols,n=this.columns):(o=this.cacheCols.keys,n=this.cacheCols.cols);const i=o.split(".")[0],r=o.slice(i.length+1),u=localStorage.getItem(i),f=u?JSON.parse(u):{};let a=d(f,r);a||(a={},y(f,C(r,a))),a[l.key]?a[l.key].width=Math.round(e):a[l.key]={width:Math.round(e)},n?.length&&(n.find(O=>O.key===l.key).width=Math.round(e)),setTimeout(()=>{localStorage.setItem(i,JSON.stringify(f))})},b=function(){if(typeof this.cacheCols!="string"?!this.cacheCols?.keys:!this.cacheCols)return;const e=typeof this.cacheCols=="string"?this.cacheCols:this.cacheCols.keys,t=e.split(".")[0],l=e.slice(t.length+1),o=localStorage.getItem(t),n=o&&d(JSON.parse(o),l);!n||!Object.keys(n).length||this.columns.forEach(i=>{n[i.key]?.width&&(i.width=n[i.key].width)})},m=function(){if(typeof this.cacheCols!="string"?!this.cacheCols?.keys:!this.cacheCols)return;const e=this.$.vnode.props;if(typeof e.onOnColumnWidthResize=="function"&&e.onOnColumnWidthResize.name!=="bound saveColWidth"){e.onOnColumnWidthResize=[h.bind(this),e.onOnColumnWidthResize];return}if(Array.isArray(e.onOnColumnWidthResize)){e.onOnColumnWidthResize.every(t=>t.name!=="bound saveColWidth")&&e.onOnColumnWidthResize.unshift(h.bind(this));return}e.onOnColumnWidthResize=h.bind(this)};if(typeof s.Table.created!="function")s.Table.created=b;else{const e=s.Table.created;s.Table.created=function(){e.call(this),b.call(this)}}if(typeof s.Table.updated!="function")s.Table.updated=m;else{const e=s.Table.updated;s.Table.updated=function(){e.call(this),m.call(this)}}}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "view-ui-plus-derive",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "description": "基于view-ui-plus的组件&优化扩展等，可自定义组件名前缀",
   "keywords": [