@zero-bits/taro-components 1.0.6 → 1.1.0

package/lib/components/Permission/store.js

@@ -1 +1,164 @@
-'use strict';var _0x2e787a=_0x43f0;(function(_0x329ff4,_0x55bf42){var _0x158792=_0x43f0,_0x57e2e0=_0x329ff4();while(!![]){try{var _0x3d8c61=parseInt(_0x158792(0xd3))/0x1+parseInt(_0x158792(0xed))/0x2*(-parseInt(_0x158792(0xd2))/0x3)+-parseInt(_0x158792(0xcc))/0x4*(-parseInt(_0x158792(0xd0))/0x5)+parseInt(_0x158792(0xfc))/0x6+parseInt(_0x158792(0xf3))/0x7*(-parseInt(_0x158792(0xdf))/0x8)+parseInt(_0x158792(0xd4))/0x9*(-parseInt(_0x158792(0xec))/0xa)+-parseInt(_0x158792(0xeb))/0xb;if(_0x3d8c61===_0x55bf42)break;else _0x57e2e0['push'](_0x57e2e0['shift']());}catch(_0x448ead){_0x57e2e0['push'](_0x57e2e0['shift']());}}}(_0x46d1,0x21681));Object[_0x2e787a(0xf6)](exports,'__esModule',{'value':!![]}),exports[_0x2e787a(0xd9)]=createPermissionStore;function _typeof(_0x1121a7){'@babel/helpers - typeof';var _0x40594a=_0x2e787a;return _typeof=_0x40594a(0x103)==typeof Symbol&&_0x40594a(0xce)==typeof Symbol[_0x40594a(0xf2)]?function(_0x13a7e6){return typeof _0x13a7e6;}:function(_0x23a967){var _0x2f891b=_0x40594a;return _0x23a967&&_0x2f891b(0x103)==typeof Symbol&&_0x23a967[_0x2f891b(0xdb)]===Symbol&&_0x23a967!==Symbol[_0x2f891b(0xe6)]?_0x2f891b(0xce):typeof _0x23a967;},_typeof(_0x1121a7);}function ownKeys(_0x4c8dee,_0x2d71c9){var _0x26cce9=_0x2e787a,_0x39f9ce=Object['keys'](_0x4c8dee);if(Object[_0x26cce9(0xdc)]){var _0x1b50c2=Object[_0x26cce9(0xdc)](_0x4c8dee);_0x2d71c9&&(_0x1b50c2=_0x1b50c2[_0x26cce9(0xda)](function(_0x33a7e8){var _0x40992f=_0x26cce9;return Object[_0x40992f(0xe2)](_0x4c8dee,_0x33a7e8)['enumerable'];})),_0x39f9ce[_0x26cce9(0xe5)][_0x26cce9(0xde)](_0x39f9ce,_0x1b50c2);}return _0x39f9ce;}function _0x43f0(_0x3ec368,_0x3018cf){_0x3ec368=_0x3ec368-0xcc;var _0x46d1eb=_0x46d1();var _0x43f056=_0x46d1eb[_0x3ec368];return _0x43f056;}function _objectSpread(_0x2df6cf){var _0x2053f7=_0x2e787a;for(var _0x528dd1=0x1;_0x528dd1<arguments[_0x2053f7(0xcd)];_0x528dd1++){var _0x510a4b=null!=arguments[_0x528dd1]?arguments[_0x528dd1]:{};_0x528dd1%0x2?ownKeys(Object(_0x510a4b),!0x0)[_0x2053f7(0xcf)](function(_0x11a778){_defineProperty(_0x2df6cf,_0x11a778,_0x510a4b[_0x11a778]);}):Object[_0x2053f7(0xf7)]?Object[_0x2053f7(0xe9)](_0x2df6cf,Object['getOwnPropertyDescriptors'](_0x510a4b)):ownKeys(Object(_0x510a4b))[_0x2053f7(0xcf)](function(_0x949d18){var _0x9c9e1=_0x2053f7;Object[_0x9c9e1(0xf6)](_0x2df6cf,_0x949d18,Object[_0x9c9e1(0xe2)](_0x510a4b,_0x949d18));});}return _0x2df6cf;}function _classCallCheck(_0x31f582,_0x2f64c8){var _0x16b537=_0x2e787a;if(!(_0x31f582 instanceof _0x2f64c8))throw new TypeError(_0x16b537(0xff));}function _defineProperties(_0x31b65c,_0x5a2872){var _0x5a2b2c=_0x2e787a;for(var _0x40fbd2=0x0;_0x40fbd2<_0x5a2872[_0x5a2b2c(0xcd)];_0x40fbd2++){var _0x45851b=_0x5a2872[_0x40fbd2];_0x45851b['enumerable']=_0x45851b[_0x5a2b2c(0xfb)]||![],_0x45851b[_0x5a2b2c(0xe7)]=!![];if(_0x5a2b2c(0xf0)in _0x45851b)_0x45851b['writable']=!![];Object[_0x5a2b2c(0xf6)](_0x31b65c,_toPropertyKey(_0x45851b[_0x5a2b2c(0xfd)]),_0x45851b);}}function _createClass(_0x263234,_0x22ceff,_0x3f4e41){var _0x35632a=_0x2e787a;if(_0x22ceff)_defineProperties(_0x263234['prototype'],_0x22ceff);if(_0x3f4e41)_defineProperties(_0x263234,_0x3f4e41);return Object[_0x35632a(0xf6)](_0x263234,_0x35632a(0xe6),{'writable':![]}),_0x263234;}function _defineProperty(_0x11e1ae,_0x569fe3,_0x5e58a7){var _0x2ce7ea=_0x2e787a;return _0x569fe3=_toPropertyKey(_0x569fe3),_0x569fe3 in _0x11e1ae?Object[_0x2ce7ea(0xf6)](_0x11e1ae,_0x569fe3,{'value':_0x5e58a7,'enumerable':!![],'configurable':!![],'writable':!![]}):_0x11e1ae[_0x569fe3]=_0x5e58a7,_0x11e1ae;}function _toPropertyKey(_0x595db7){var _0x1dc862=_0x2e787a,_0x40fd3a=_toPrimitive(_0x595db7,_0x1dc862(0x105));return _0x1dc862(0xce)==_typeof(_0x40fd3a)?_0x40fd3a:String(_0x40fd3a);}function _0x46d1(){var _0x3f3517=['saveUser','denied','object','enumerable','1504578yDijrq','key','user','Cannot\x20call\x20a\x20class\x20as\x20a\x20function','permission','granted','@@toPrimitive\x20must\x20return\x20a\x20primitive\x20value.','function','loadPermission','string','32yVbKbD','length','symbol','forEach','78955sjAKQW','savePermission','13377Brtjvu','184763rCswji','12843NWTKwJ','getSnapshot','add','listeners','updateUser','createPermissionStore','filter','constructor','getOwnPropertySymbols','toPrimitive','apply','1096NUBqKn','updatePermission','delete','getOwnPropertyDescriptor','getState','clear','push','prototype','configurable','state','defineProperties','subscribe','1603811DfEzfb','1250EVSYof','4sLneGV','buildState','default','value','emitChange','iterator','4697ZVnNPH','cachedActions','adapter','defineProperty','getOwnPropertyDescriptors'];_0x46d1=function(){return _0x3f3517;};return _0x46d1();}function _toPrimitive(_0x1b836f,_0x2967f6){var _0x56f48c=_0x2e787a;if(_0x56f48c(0xfa)!=_typeof(_0x1b836f)||!_0x1b836f)return _0x1b836f;var _0x523a42=_0x1b836f[Symbol[_0x56f48c(0xdd)]];if(void 0x0!==_0x523a42){var _0x179803=_0x523a42['call'](_0x1b836f,_0x2967f6||_0x56f48c(0xef));if(_0x56f48c(0xfa)!=_typeof(_0x179803))return _0x179803;throw new TypeError(_0x56f48c(0x102));}return('string'===_0x2967f6?String:Number)(_0x1b836f);}var PermissionStore=(function(){var _0x245643=_0x2e787a;function _0x64be34(_0x172aca){var _0x514e31=_0x43f0,_0xb7acf1=this;_classCallCheck(this,_0x64be34),_defineProperty(this,_0x514e31(0xe8),void 0x0),_defineProperty(this,'listeners',new Set()),_defineProperty(this,_0x514e31(0xf4),void 0x0),_defineProperty(this,_0x514e31(0xd5),function(){var _0x540605=_0x514e31;return _0xb7acf1[_0x540605(0xe8)];}),_defineProperty(this,_0x514e31(0xe3),function(){var _0x54820c=_0x514e31;return _0xb7acf1[_0x54820c(0xe8)];}),_defineProperty(this,_0x514e31(0xea),function(_0x18db0b){var _0x2ea95b=_0x514e31;return _0xb7acf1[_0x2ea95b(0xd7)][_0x2ea95b(0xd6)](_0x18db0b),function(){var _0x4b9170=_0x2ea95b;return _0xb7acf1[_0x4b9170(0xd7)][_0x4b9170(0xe1)](_0x18db0b);};}),_defineProperty(this,'emitChange',function(){var _0x23283a=_0x514e31;_0xb7acf1[_0x23283a(0xd7)][_0x23283a(0xcf)](function(_0x38965c){return _0x38965c();});}),_defineProperty(this,_0x514e31(0x101),function(_0x520954,_0x2bdc25){var _0x18edaf=_0x514e31;_0xb7acf1['adapter']['savePermission'](_0x520954),_0x2bdc25!==undefined&&_0xb7acf1[_0x18edaf(0xf5)][_0x18edaf(0xf8)](_0x2bdc25),_0xb7acf1['state']=_0xb7acf1[_0x18edaf(0xee)](_0x520954,_0x2bdc25),_0xb7acf1[_0x18edaf(0xf1)]();}),_defineProperty(this,_0x514e31(0xf9),function(){var _0x48742b=_0x514e31;_0xb7acf1[_0x48742b(0xf5)][_0x48742b(0xe4)](),_0xb7acf1['state']=_0xb7acf1[_0x48742b(0xee)](),_0xb7acf1[_0x48742b(0xf1)]();}),_defineProperty(this,_0x514e31(0xd8),function(_0x1cf71a){var _0x3e82a6=_0x514e31,_0x3e3ebd=_objectSpread(_objectSpread({},_0xb7acf1[_0x3e82a6(0xe8)][_0x3e82a6(0xfe)]),_0x1cf71a);_0xb7acf1[_0x3e82a6(0xf5)][_0x3e82a6(0xf8)](_0x3e3ebd),_0xb7acf1['state']=_0xb7acf1[_0x3e82a6(0xee)](_0xb7acf1[_0x3e82a6(0xe8)][_0x3e82a6(0x100)],_0x3e3ebd),_0xb7acf1[_0x3e82a6(0xf1)]();}),_defineProperty(this,_0x514e31(0xe0),function(_0x2a3641){var _0x2c8f63=_0x514e31,_0x116e68=_objectSpread(_objectSpread({},_0xb7acf1[_0x2c8f63(0xe8)][_0x2c8f63(0x100)]),_0x2a3641);_0xb7acf1[_0x2c8f63(0xf5)][_0x2c8f63(0xd1)](_0x116e68),_0xb7acf1[_0x2c8f63(0xe8)]=_0xb7acf1[_0x2c8f63(0xee)](_0x116e68,_0xb7acf1[_0x2c8f63(0xe8)][_0x2c8f63(0xfe)]),_0xb7acf1[_0x2c8f63(0xf1)]();}),_defineProperty(this,'destroy',function(){var _0x2f8c3b=_0x514e31;_0xb7acf1[_0x2f8c3b(0xd7)][_0x2f8c3b(0xe4)]();}),this['adapter']=_0x172aca,this[_0x514e31(0xf4)]={'granted':this[_0x514e31(0x101)],'denied':this['denied'],'updateUser':this[_0x514e31(0xd8)],'updatePermission':this['updatePermission']};var _0x5acdd2=_0x172aca[_0x514e31(0x104)](),_0x11ea63=_0x172aca['loadUser']();this[_0x514e31(0xe8)]=this[_0x514e31(0xee)](_0x5acdd2 instanceof Promise?undefined:_0x5acdd2,_0x11ea63 instanceof Promise?undefined:_0x11ea63);}return _createClass(_0x64be34,[{'key':_0x245643(0xee),'value':function _0x2d115f(_0x5876a7,_0x3a5b90){var _0x170896=_0x245643;return _objectSpread(_objectSpread({},this[_0x170896(0xf4)]),{},{'permission':_0x5876a7,'user':_0x3a5b90,'isGranted':!!_0x5876a7});}}]),_0x64be34;}());function createPermissionStore(_0x42d030){return new PermissionStore(_0x42d030);}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPermissionStore = createPermissionStore;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Store 完整接口，包含 React useSyncExternalStore 所需的 getSnapshot / subscribe
+ * 业务侧若不希望在 IDE 补全中看到 React 内部方法，可将变量显式声明为 PermissionStorePublic
+ *
+ * @template P - 权限对象类型
+ * @template U - 用户对象类型
+ */
+/**
+ * 业务侧（axios 拦截器等非 React 环境）使用的 Store 公共接口
+ * 只暴露权限操作方法和销毁能力，屏蔽 React 内部机制
+ *
+ * @template P - 权限对象类型
+ * @template U - 用户对象类型
+ */
+var PermissionStore = /*#__PURE__*/function () {
+  /**
+   * @param adapter - 权限数据持久化适配器
+   * 类字段初始化先于构造函数体，此处 this.granted 等已绑定完毕
+   */
+  function PermissionStore(adapter) {
+    var _this = this;
+    _classCallCheck(this, PermissionStore);
+    _defineProperty(this, "state", void 0);
+    _defineProperty(this, "listeners", new Set());
+    /**
+     * 缓存 actions 对象以保证引用稳定
+     * 注意：类字段箭头函数（granted/denied 等）在构造函数体执行前已完成初始化
+     * 因此在构造函数体中赋值 cachedActions 时，this.granted 等引用已可用
+     */
+    _defineProperty(this, "cachedActions", void 0);
+    /**
+     * 获取当前状态快照（供 React 及内部使用）
+     * @returns {PermissionContextValue<P, U>} 权限上下文值
+     */
+    _defineProperty(this, "getSnapshot", function () {
+      return _this.state;
+    });
+    /**
+     * 同步获取当前状态（供业务侧非 React 环境使用）
+     * @returns {PermissionContextValue<P, U>} 权限上下文值
+     */
+    _defineProperty(this, "getState", function () {
+      return _this.state;
+    });
+    /**
+     * 订阅状态变更，返回取消订阅函数（供 useSyncExternalStore 使用）
+     * @param {() => void} listener - 状态变更时的回调
+     * @returns {() => void} 取消订阅函数
+     */
+    _defineProperty(this, "subscribe", function (listener) {
+      _this.listeners.add(listener);
+      return function () {
+        return _this.listeners.delete(listener);
+      };
+    });
+    /**
+     * 通知所有订阅者状态已变更
+     */
+    _defineProperty(this, "emitChange", function () {
+      _this.listeners.forEach(function (l) {
+        return l();
+      });
+    });
+    /**
+     * 授权方法，登录成功后调用
+     * @param {P} permission - 权限数据
+     * @param {U} [user] - 用户信息（可选，后续可通过 updateUser 补充）
+     */
+    _defineProperty(this, "granted", function (permission, user) {
+      _this.adapter.savePermission(permission);
+      if (user !== undefined) {
+        _this.adapter.saveUser(user);
+      }
+      _this.state = _this.buildState(permission, user);
+      _this.emitChange();
+    });
+    /**
+     * 取消授权，清空所有持久化数据并通知订阅者
+     */
+    _defineProperty(this, "denied", function () {
+      _this.adapter.clear();
+      _this.state = _this.buildState();
+      _this.emitChange();
+    });
+    /**
+     * 更新用户信息（部分字段覆盖，不影响权限数据）
+     * @param {Partial<U>} userInfo - 需要更新的字段
+     */
+    _defineProperty(this, "updateUser", function (userInfo) {
+      var nextUser = _objectSpread(_objectSpread({}, _this.state.user), userInfo);
+      _this.adapter.saveUser(nextUser);
+      _this.state = _this.buildState(_this.state.permission, nextUser);
+      _this.emitChange();
+    });
+    /**
+     * 更新权限数据（部分字段覆盖，例如无感刷新 token 后调用）
+     * @param {Partial<P>} permissionInfo - 需要更新的权限字段
+     */
+    _defineProperty(this, "updatePermission", function (permissionInfo) {
+      var nextPermission = _objectSpread(_objectSpread({}, _this.state.permission), permissionInfo);
+      _this.adapter.savePermission(nextPermission);
+      _this.state = _this.buildState(nextPermission, _this.state.user);
+      _this.emitChange();
+    });
+    /** 销毁 Store，清除所有订阅者 */
+    _defineProperty(this, "destroy", function () {
+      _this.listeners.clear();
+    });
+    this.adapter = adapter;
+    this.cachedActions = {
+      granted: this.granted,
+      denied: this.denied,
+      updateUser: this.updateUser,
+      updatePermission: this.updatePermission
+    };
+    var _permission = adapter.loadPermission();
+    var _user = adapter.loadUser();
+    this.state = this.buildState(_permission instanceof Promise ? undefined : _permission, _user instanceof Promise ? undefined : _user);
+  }
+
+  /**
+   * 构建状态快照，复用 cachedActions 保证方法引用稳定性
+   * @param permission - 权限数据
+   * @param user - 用户信息
+   */
+  _createClass(PermissionStore, [{
+    key: "buildState",
+    value: function buildState(permission, user) {
+      return _objectSpread(_objectSpread({}, this.cachedActions), {}, {
+        permission: permission,
+        user: user,
+        isGranted: !!permission
+      });
+    }
+  }]);
+  return PermissionStore;
+}();
+/**
+ * 创建权限 Store 实例
+ * 返回 PermissionStoreInternal 类型（包含完整接口）
+ * 若业务侧不希望在 IDE 中看到 React 内部方法，可将变量显式声明为 PermissionStorePublic：
+ * const store: PermissionStorePublic<P, U> = createPermissionStore(adapter)
+ *
+ * @param {PermissionAdapter<P, U>} adapter - 权限数据持久化适配器
+ * @returns {PermissionStoreInternal<P, U>} 权限 Store 实例
+ */
+function createPermissionStore(adapter) {
+  return new PermissionStore(adapter);
+}

package/lib/components/Text/index.js

@@ -1 +1,145 @@
-'use strict';var _0x2e324c=_0x344c;(function(_0x4f974a,_0xe74285){var _0xa59630=_0x344c,_0x29b49a=_0x4f974a();while(!![]){try{var _0x3b0769=parseInt(_0xa59630(0x21b))/0x1+-parseInt(_0xa59630(0x21d))/0x2*(-parseInt(_0xa59630(0x1ed))/0x3)+-parseInt(_0xa59630(0x1ef))/0x4*(-parseInt(_0xa59630(0x1e5))/0x5)+-parseInt(_0xa59630(0x1fe))/0x6*(parseInt(_0xa59630(0x20d))/0x7)+parseInt(_0xa59630(0x200))/0x8+parseInt(_0xa59630(0x20b))/0x9*(parseInt(_0xa59630(0x1d5))/0xa)+-parseInt(_0xa59630(0x1d8))/0xb;if(_0x3b0769===_0xe74285)break;else _0x29b49a['push'](_0x29b49a['shift']());}catch(_0x551fe7){_0x29b49a['push'](_0x29b49a['shift']());}}}(_0x5d81,0x40f0a));Object[_0x2e324c(0x1e3)](exports,_0x2e324c(0x1dd),{'value':!![]}),exports[_0x2e324c(0x215)]=void 0x0;var _react=_interopRequireWildcard(require(_0x2e324c(0x216))),_components=require('@tarojs/components'),_classnames=_interopRequireDefault(require('classnames'));function _0x5d81(){var _0x1b9f88=['boolean','transparent','2307LasJqs','Text','40zbaikS','length','margin','getOwnPropertySymbols','lineHeight','filter','color','defineProperties','number','skeleton','constructor','mVertical','enumerable','selectable','children','138bIIQXS','decoration','2018000gUmsNz','pBottom','bold','mRight','mTop','getOwnPropertyDescriptors','textAlign','height','style','fontSize','padding','135FkPpZu','width','55867pkwNdZ','hasOwnProperty','get','react/jsx-runtime','pHorizontal','string','symbol','indexOf','default','react','mBottom','className','toPrimitive','call','180162emaNNd','jsx','584QdDbnj','127130isCZEv','pTop','has','8205538rDHxYf','function','iterator','propertyIsEnumerable','prototype','__esModule','pRight','mLeft','keys','pVertical','@@toPrimitive\x20must\x20return\x20a\x20primitive\x20value.','defineProperty','clamp','173930DrQxdT','bgColor','getOwnPropertyDescriptor','object','mHorizontal','concat'];_0x5d81=function(){return _0x1b9f88;};return _0x5d81();}require('../../styles/index.css');var _jsxRuntime=require(_0x2e324c(0x210)),_excluded=[_0x2e324c(0x1fd),'clamp',_0x2e324c(0x20c),_0x2e324c(0x207),'lineHeight',_0x2e324c(0x202),_0x2e324c(0x209),_0x2e324c(0x1f5),_0x2e324c(0x1f1),_0x2e324c(0x20a),'style',_0x2e324c(0x1e6),_0x2e324c(0x1e9),_0x2e324c(0x1fa),_0x2e324c(0x211),_0x2e324c(0x1e1),_0x2e324c(0x204),_0x2e324c(0x217),_0x2e324c(0x1df),_0x2e324c(0x203),_0x2e324c(0x1d6),'pBottom','pLeft',_0x2e324c(0x1de),'className',_0x2e324c(0x206),_0x2e324c(0x1ff),_0x2e324c(0x1fc),_0x2e324c(0x1f8)];function _interopRequireDefault(_0x5561d3){var _0x10e270=_0x2e324c;return _0x5561d3&&_0x5561d3[_0x10e270(0x1dd)]?_0x5561d3:{'default':_0x5561d3};}function _0x344c(_0x1843de,_0x546b3a){_0x1843de=_0x1843de-0x1d5;var _0x5d814d=_0x5d81();var _0x344c34=_0x5d814d[_0x1843de];return _0x344c34;}function _getRequireWildcardCache(_0x33dd59){var _0x5243d9=_0x2e324c;if(_0x5243d9(0x1d9)!=typeof WeakMap)return null;var _0x4d042d=new WeakMap(),_0x401970=new WeakMap();return(_getRequireWildcardCache=function _0xb8a850(_0x162fb1){return _0x162fb1?_0x401970:_0x4d042d;})(_0x33dd59);}function _interopRequireWildcard(_0x53e6a9,_0x3266a8){var _0xe2c1d3=_0x2e324c;if(!_0x3266a8&&_0x53e6a9&&_0x53e6a9[_0xe2c1d3(0x1dd)])return _0x53e6a9;if(null===_0x53e6a9||'object'!=_typeof(_0x53e6a9)&&_0xe2c1d3(0x1d9)!=typeof _0x53e6a9)return{'default':_0x53e6a9};var _0x3e7d9d=_getRequireWildcardCache(_0x3266a8);if(_0x3e7d9d&&_0x3e7d9d[_0xe2c1d3(0x1d7)](_0x53e6a9))return _0x3e7d9d[_0xe2c1d3(0x20f)](_0x53e6a9);var _0x21cb5e={'__proto__':null},_0x23849b=Object[_0xe2c1d3(0x1e3)]&&Object['getOwnPropertyDescriptor'];for(var _0x3b1b58 in _0x53e6a9)if(_0xe2c1d3(0x215)!==_0x3b1b58&&Object[_0xe2c1d3(0x1dc)][_0xe2c1d3(0x20e)][_0xe2c1d3(0x21a)](_0x53e6a9,_0x3b1b58)){var _0x2b7e88=_0x23849b?Object[_0xe2c1d3(0x1e7)](_0x53e6a9,_0x3b1b58):null;_0x2b7e88&&(_0x2b7e88['get']||_0x2b7e88['set'])?Object[_0xe2c1d3(0x1e3)](_0x21cb5e,_0x3b1b58,_0x2b7e88):_0x21cb5e[_0x3b1b58]=_0x53e6a9[_0x3b1b58];}return _0x21cb5e[_0xe2c1d3(0x215)]=_0x53e6a9,_0x3e7d9d&&_0x3e7d9d['set'](_0x53e6a9,_0x21cb5e),_0x21cb5e;}function _typeof(_0x7a3ce3){'@babel/helpers - typeof';var _0x5dca73=_0x2e324c;return _typeof=_0x5dca73(0x1d9)==typeof Symbol&&_0x5dca73(0x213)==typeof Symbol[_0x5dca73(0x1da)]?function(_0x5d5716){return typeof _0x5d5716;}:function(_0x2fddc5){var _0x2a61ec=_0x5dca73;return _0x2fddc5&&_0x2a61ec(0x1d9)==typeof Symbol&&_0x2fddc5[_0x2a61ec(0x1f9)]===Symbol&&_0x2fddc5!==Symbol[_0x2a61ec(0x1dc)]?_0x2a61ec(0x213):typeof _0x2fddc5;},_typeof(_0x7a3ce3);}function ownKeys(_0x416781,_0x11e329){var _0x18ae15=_0x2e324c,_0x1df8da=Object[_0x18ae15(0x1e0)](_0x416781);if(Object[_0x18ae15(0x1f2)]){var _0x301583=Object[_0x18ae15(0x1f2)](_0x416781);_0x11e329&&(_0x301583=_0x301583[_0x18ae15(0x1f4)](function(_0x37dd1b){var _0x40ac0a=_0x18ae15;return Object[_0x40ac0a(0x1e7)](_0x416781,_0x37dd1b)[_0x40ac0a(0x1fb)];})),_0x1df8da['push']['apply'](_0x1df8da,_0x301583);}return _0x1df8da;}function _objectSpread(_0xc45c0d){var _0x5b8adb=_0x2e324c;for(var _0x317ba8=0x1;_0x317ba8<arguments[_0x5b8adb(0x1f0)];_0x317ba8++){var _0x221cab=null!=arguments[_0x317ba8]?arguments[_0x317ba8]:{};_0x317ba8%0x2?ownKeys(Object(_0x221cab),!0x0)['forEach'](function(_0x1f5c58){_defineProperty(_0xc45c0d,_0x1f5c58,_0x221cab[_0x1f5c58]);}):Object[_0x5b8adb(0x205)]?Object[_0x5b8adb(0x1f6)](_0xc45c0d,Object[_0x5b8adb(0x205)](_0x221cab)):ownKeys(Object(_0x221cab))['forEach'](function(_0xb6ec95){var _0x2afca8=_0x5b8adb;Object[_0x2afca8(0x1e3)](_0xc45c0d,_0xb6ec95,Object[_0x2afca8(0x1e7)](_0x221cab,_0xb6ec95));});}return _0xc45c0d;}function _defineProperty(_0x3d7231,_0xeb599f,_0x5720dc){return _0xeb599f=_toPropertyKey(_0xeb599f),_0xeb599f in _0x3d7231?Object['defineProperty'](_0x3d7231,_0xeb599f,{'value':_0x5720dc,'enumerable':!![],'configurable':!![],'writable':!![]}):_0x3d7231[_0xeb599f]=_0x5720dc,_0x3d7231;}function _toPropertyKey(_0x417b4e){var _0x4f0906=_0x2e324c,_0x50f0f4=_toPrimitive(_0x417b4e,_0x4f0906(0x212));return _0x4f0906(0x213)==_typeof(_0x50f0f4)?_0x50f0f4:String(_0x50f0f4);}function _toPrimitive(_0x29118a,_0xae9b69){var _0x2f4915=_0x2e324c;if(_0x2f4915(0x1e8)!=_typeof(_0x29118a)||!_0x29118a)return _0x29118a;var _0x1e73a9=_0x29118a[Symbol[_0x2f4915(0x219)]];if(void 0x0!==_0x1e73a9){var _0x3b2c0b=_0x1e73a9['call'](_0x29118a,_0xae9b69||_0x2f4915(0x215));if('object'!=_typeof(_0x3b2c0b))return _0x3b2c0b;throw new TypeError(_0x2f4915(0x1e2));}return(_0x2f4915(0x212)===_0xae9b69?String:Number)(_0x29118a);}function _objectWithoutProperties(_0x5ca624,_0x55af97){var _0x31cba4=_0x2e324c;if(_0x5ca624==null)return{};var _0x12fa09=_objectWithoutPropertiesLoose(_0x5ca624,_0x55af97),_0x473e63,_0x55292c;if(Object[_0x31cba4(0x1f2)]){var _0x12ed8a=Object[_0x31cba4(0x1f2)](_0x5ca624);for(_0x55292c=0x0;_0x55292c<_0x12ed8a[_0x31cba4(0x1f0)];_0x55292c++){_0x473e63=_0x12ed8a[_0x55292c];if(_0x55af97[_0x31cba4(0x214)](_0x473e63)>=0x0)continue;if(!Object['prototype'][_0x31cba4(0x1db)][_0x31cba4(0x21a)](_0x5ca624,_0x473e63))continue;_0x12fa09[_0x473e63]=_0x5ca624[_0x473e63];}}return _0x12fa09;}function _objectWithoutPropertiesLoose(_0x4ce3c6,_0x2f1507){var _0x4fa028=_0x2e324c;if(_0x4ce3c6==null)return{};var _0x1f8555={},_0xb35a49=Object[_0x4fa028(0x1e0)](_0x4ce3c6),_0x2b32e4,_0x349297;for(_0x349297=0x0;_0x349297<_0xb35a49[_0x4fa028(0x1f0)];_0x349297++){_0x2b32e4=_0xb35a49[_0x349297];if(_0x2f1507[_0x4fa028(0x214)](_0x2b32e4)>=0x0)continue;_0x1f8555[_0x2b32e4]=_0x4ce3c6[_0x2b32e4];}return _0x1f8555;}var px=function px(_0x10aee3){var _0xbe5b1d=_0x2e324c;if(_0x10aee3===undefined||_0x10aee3===null||_0x10aee3==='')return undefined;return typeof _0x10aee3===_0xbe5b1d(0x1f7)||!isNaN(Number(_0x10aee3))?''[_0xbe5b1d(0x1ea)](_0x10aee3,'px'):String(_0x10aee3);},Text=(0x0,_react['forwardRef'])(function(_0x1ba0c6,_0x1a2575){var _0x1115b9=_0x2e324c,_0x8cd00f=_0x1ba0c6['children'],_0x529204=_0x1ba0c6[_0x1115b9(0x1e4)],_0x6d30a3=_0x1ba0c6[_0x1115b9(0x20c)],_0x395e94=_0x1ba0c6['height'],_0x3ef3c5=_0x1ba0c6[_0x1115b9(0x1f3)],_0x51feb4=_0x1ba0c6[_0x1115b9(0x202)],_0xef287c=_0x1ba0c6[_0x1115b9(0x209)],_0x1cab39=_0x1ba0c6['color'],_0x17ef5e=_0x1ba0c6[_0x1115b9(0x1f1)],_0xb2e02b=_0x1ba0c6['padding'],_0x52b8ee=_0x1ba0c6[_0x1115b9(0x208)],_0x3ed77d=_0x52b8ee===void 0x0?{}:_0x52b8ee,_0x4052f6=_0x1ba0c6[_0x1115b9(0x1e6)],_0xf520c0=_0x1ba0c6[_0x1115b9(0x1e9)],_0x4a749d=_0x1ba0c6[_0x1115b9(0x1fa)],_0x3e02a0=_0x1ba0c6[_0x1115b9(0x211)],_0x4ca3bf=_0x1ba0c6['pVertical'],_0x4346fa=_0x1ba0c6[_0x1115b9(0x204)],_0x40c72b=_0x1ba0c6['mBottom'],_0x4cb54e=_0x1ba0c6['mLeft'],_0x3e9f30=_0x1ba0c6[_0x1115b9(0x203)],_0x1262e2=_0x1ba0c6[_0x1115b9(0x1d6)],_0x2977f4=_0x1ba0c6[_0x1115b9(0x201)],_0x2e96f9=_0x1ba0c6['pLeft'],_0x18b452=_0x1ba0c6[_0x1115b9(0x1de)],_0x96a4cf=_0x1ba0c6[_0x1115b9(0x218)],_0x3c1ad8=_0x1ba0c6[_0x1115b9(0x206)],_0x3afd4b=_0x1ba0c6['decoration'],_0x3336f2=_0x1ba0c6['selectable'],_0x1dafa5=_0x1ba0c6[_0x1115b9(0x1f8)],_0xe6545e=_objectWithoutProperties(_0x1ba0c6,_excluded),_0x4611a4=(0x0,_classnames[_0x1115b9(0x215)])(_0x96a4cf,{'zero-line-clamp-1':_0x529204===0x1,'zero-line-clamp-2':_0x529204===0x2,'zero-line-clamp-3':_0x529204===0x3,'zero-line-clamp-4':_0x529204===0x4,'zero-line-clamp-5':_0x529204===0x5,'zero-line-clamp-6':_0x529204===0x6,'zero-animate-pulse\x20zero-bg-gray-200\x20zero-text-transparent':_0x1dafa5}),_0x45f9ca=_objectSpread({'width':px(_0x6d30a3),'height':px(_0x395e94),'margin':px(_0x17ef5e),'marginTop':px(_0x4346fa!==null&&_0x4346fa!==void 0x0?_0x4346fa:_0x4a749d),'marginBottom':px(_0x40c72b!==null&&_0x40c72b!==void 0x0?_0x40c72b:_0x4a749d),'marginLeft':px(_0x4cb54e!==null&&_0x4cb54e!==void 0x0?_0x4cb54e:_0xf520c0),'marginRight':px(_0x3e9f30!==null&&_0x3e9f30!==void 0x0?_0x3e9f30:_0xf520c0),'padding':px(_0xb2e02b),'paddingTop':px(_0x1262e2!==null&&_0x1262e2!==void 0x0?_0x1262e2:_0x4ca3bf),'paddingBottom':px(_0x2977f4!==null&&_0x2977f4!==void 0x0?_0x2977f4:_0x4ca3bf),'paddingLeft':px(_0x2e96f9!==null&&_0x2e96f9!==void 0x0?_0x2e96f9:_0x3e02a0),'paddingRight':px(_0x18b452!==null&&_0x18b452!==void 0x0?_0x18b452:_0x3e02a0),'fontSize':px(_0xef287c),'color':_0x1dafa5?_0x1115b9(0x1ec):_0x1cab39,'backgroundColor':_0x4052f6,'lineHeight':px(_0x3ef3c5),'fontWeight':typeof _0x51feb4===_0x1115b9(0x1eb)?_0x51feb4?_0x1115b9(0x202):'normal':_0x51feb4,'textAlign':_0x3c1ad8,'textDecoration':_0x3afd4b},_typeof(_0x3ed77d)==='object'?_0x3ed77d:{}),_0x5ee2cd={};for(var _0x1aea73 in _0x45f9ca){_0x45f9ca[_0x1aea73]!==undefined&&_0x45f9ca[_0x1aea73]!==null&&(_0x5ee2cd[_0x1aea73]=_0x45f9ca[_0x1aea73]);}return(0x0,_jsxRuntime[_0x1115b9(0x21c)])(_components[_0x1115b9(0x1ee)],_objectSpread(_objectSpread({'ref':_0x1a2575,'style':_0x5ee2cd,'className':_0x4611a4,'selectable':_0x3336f2},_0xe6545e),{},{'children':_0x8cd00f}));});Text['displayName']=_0x2e324c(0x1ee);var _default=exports[_0x2e324c(0x215)]=Text;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("@tarojs/components");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("../../styles/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "clamp", "width", "height", "lineHeight", "bold", "fontSize", "color", "margin", "padding", "style", "bgColor", "mHorizontal", "mVertical", "pHorizontal", "pVertical", "mTop", "mBottom", "mLeft", "mRight", "pTop", "pBottom", "pLeft", "pRight", "className", "textAlign", "decoration", "selectable", "skeleton"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * 处理 px 转换
+ * @param val px|string|undefined
+ * @returns px|string|undefined
+ */
+var px = function px(val) {
+  if (val === undefined || val === null || val === '') return undefined;
+  return typeof val === 'number' || !isNaN(Number(val)) ? "".concat(val, "px") : String(val);
+};
+
+/**
+ * taro weapp Text Component (Tailwind 版)
+ * - clamp: number|undefined 溢出显示行数
+ * - width: px|string|undefined 宽度
+ * - height: px|string|undefined 高度
+ * - fontSize: px|string|undefined 字体大小
+ * - lineHeight: px|string|undefined 行高
+ * - bold: boolean|number|string 字体粗细
+ * - color: string 字体颜色
+ * - bgColor: string 背景颜色
+ * - textAlign: 'left' | 'center' | 'right' | 'justify' 文本对齐方式
+ * - decoration: 'underline' | 'line-through' | 'none' 文本装饰
+ * - selectable: boolean 是否可选择
+ * - skeleton: boolean 是否为骨架屏
+ * - style: CSSProperties 自定义样式
+ * - children: ReactNode 子元素
+ * - margin: px|string|undefined 外边距
+ * - mTop: px|string|undefined 上外边距
+ * - mBottom: px|string|undefined 下外边距
+ * - mLeft: px|string|undefined 左外边距
+ * - mRight: px|string|undefined 右外边距
+ * - mHorizontal: px|string|undefined 水平外边距
+ * - mVertical: px|string|undefined 垂直外边距
+ * - padding: px|string|undefined 内边距
+ * - pTop: px|string|undefined 上内边距
+ * - pBottom: px|string|undefined 下内边距
+ * - pLeft: px|string|undefined 左内边距
+ * - pRight: px|string|undefined 右内边距
+ * - pHorizontal: px|string|undefined 水平内边距
+ * - pVertical: px|string|undefined 垂直内边距
+ * - rest: Text组件的其他属性
+ */
+var Text = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    clamp = props.clamp,
+    width = props.width,
+    height = props.height,
+    lineHeight = props.lineHeight,
+    bold = props.bold,
+    fontSize = props.fontSize,
+    color = props.color,
+    margin = props.margin,
+    padding = props.padding,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    bgColor = props.bgColor,
+    mHorizontal = props.mHorizontal,
+    mVertical = props.mVertical,
+    pHorizontal = props.pHorizontal,
+    pVertical = props.pVertical,
+    mTop = props.mTop,
+    mBottom = props.mBottom,
+    mLeft = props.mLeft,
+    mRight = props.mRight,
+    pTop = props.pTop,
+    pBottom = props.pBottom,
+    pLeft = props.pLeft,
+    pRight = props.pRight,
+    className = props.className,
+    textAlign = props.textAlign,
+    decoration = props.decoration,
+    selectable = props.selectable,
+    skeleton = props.skeleton,
+    rest = _objectWithoutProperties(props, _excluded);
+  var textClassNames = (0, _classnames.default)(className, {
+    'zero-line-clamp-1': clamp === 1,
+    'zero-line-clamp-2': clamp === 2,
+    'zero-line-clamp-3': clamp === 3,
+    'zero-line-clamp-4': clamp === 4,
+    'zero-line-clamp-5': clamp === 5,
+    'zero-line-clamp-6': clamp === 6,
+    'zero-animate-pulse zero-bg-gray-200 zero-text-transparent': skeleton
+  });
+  var textStyle = _objectSpread({
+    width: px(width),
+    height: px(height),
+    margin: px(margin),
+    marginTop: px(mTop !== null && mTop !== void 0 ? mTop : mVertical),
+    marginBottom: px(mBottom !== null && mBottom !== void 0 ? mBottom : mVertical),
+    marginLeft: px(mLeft !== null && mLeft !== void 0 ? mLeft : mHorizontal),
+    marginRight: px(mRight !== null && mRight !== void 0 ? mRight : mHorizontal),
+    padding: px(padding),
+    paddingTop: px(pTop !== null && pTop !== void 0 ? pTop : pVertical),
+    paddingBottom: px(pBottom !== null && pBottom !== void 0 ? pBottom : pVertical),
+    paddingLeft: px(pLeft !== null && pLeft !== void 0 ? pLeft : pHorizontal),
+    paddingRight: px(pRight !== null && pRight !== void 0 ? pRight : pHorizontal),
+    fontSize: px(fontSize),
+    color: skeleton ? 'transparent' : color,
+    backgroundColor: bgColor,
+    lineHeight: px(lineHeight),
+    fontWeight: typeof bold === 'boolean' ? bold ? 'bold' : 'normal' : bold,
+    textAlign: textAlign,
+    textDecoration: decoration
+  }, _typeof(style) === 'object' ? style : {});
+  var cleanStyle = {};
+  for (var key in textStyle) {
+    if (textStyle[key] !== undefined && textStyle[key] !== null) {
+      // @ts-ignore
+      cleanStyle[key] = textStyle[key];
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Text, _objectSpread(_objectSpread({
+    ref: ref,
+    style: cleanStyle,
+    className: textClassNames,
+    selectable: selectable
+  }, rest), {}, {
+    children: children
+  }));
+});
+Text.displayName = 'Text';
+var _default = exports.default = Text;

package/lib/components/View/index.d.ts

@@ -31,7 +31,12 @@ export interface UIViewProps {
     hidden?: boolean;
     width?: string | number;
     height?: string | number;
+    minWidth?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
     bgColor?: string;
+    background?: string;
     safeArea?: 'top' | 'bottom' | 'both';
     hover?: boolean;
     skeleton?: boolean;
@@ -42,6 +47,8 @@ export interface UIViewProps {
     top?: number | string;
     bottom?: number | string;
     overflow?: OverflowValue;
+    overflowX?: OverflowValue;
+    overflowY?: OverflowValue;
     radius?: string | number;
     border?: boolean;
     borderColor?: string;
@@ -74,6 +81,7 @@ type Props = UIViewProps & Partial<PaddingType> & Partial<MarginType> & ViewProp
  * - width: width 宽度
  * - height: height 高度
  * - bgColor: background-color 背景颜色
+ * - background: background 背景图片等复杂背景
  * - safeArea: safe-area-inset 安全区域
  * - hover: hover 悬停状态
  * - skeleton: skeleton 骨架屏
@@ -84,6 +92,8 @@ type Props = UIViewProps & Partial<PaddingType> & Partial<MarginType> & ViewProp
  * - top: top 定位上侧
  * - bottom: bottom 定位下侧
  * - overflow: overflow 显示
+ * - overflowX: overflow-x 显示
+ * - overflowY: overflow-y 显示
  * - radius: border-radius 圆角
  * - border: boolean 边框
  * - borderColor: border-color 边框颜色

package/lib/components/View/index.js

@@ -1 +1,227 @@
-'use strict';var _0x263676=_0x9aef;(function(_0xa22dbd,_0x122307){var _0xe28dd=_0x9aef,_0x4c8a65=_0xa22dbd();while(!![]){try{var _0x4424f6=parseInt(_0xe28dd(0x144))/0x1*(parseInt(_0xe28dd(0x10b))/0x2)+-parseInt(_0xe28dd(0x157))/0x3*(-parseInt(_0xe28dd(0x118))/0x4)+-parseInt(_0xe28dd(0x156))/0x5+parseInt(_0xe28dd(0x128))/0x6*(-parseInt(_0xe28dd(0x112))/0x7)+-parseInt(_0xe28dd(0x163))/0x8+-parseInt(_0xe28dd(0x137))/0x9+parseInt(_0xe28dd(0x109))/0xa*(parseInt(_0xe28dd(0x10e))/0xb);if(_0x4424f6===_0x122307)break;else _0x4c8a65['push'](_0x4c8a65['shift']());}catch(_0x89f6d1){_0x4c8a65['push'](_0x4c8a65['shift']());}}}(_0x6832,0x67285));Object[_0x263676(0x160)](exports,_0x263676(0x149),{'value':!![]}),exports[_0x263676(0x12f)]=void 0x0;var _react=require(_0x263676(0x134)),_components=require(_0x263676(0x145)),_classnames=_interopRequireDefault(require('classnames'));require(_0x263676(0x12b));var _jsxRuntime=require(_0x263676(0x129)),_excluded=[_0x263676(0x135),_0x263676(0x11b),_0x263676(0x15a),'wrap','flex',_0x263676(0x158),'between','className',_0x263676(0x10c),_0x263676(0x165),_0x263676(0x159),_0x263676(0x13a),'rowGap',_0x263676(0x117),'flexShrink',_0x263676(0x139),'flexBasis',_0x263676(0x162),_0x263676(0x14a),_0x263676(0x154),_0x263676(0x115),_0x263676(0x13b),_0x263676(0x142),_0x263676(0x131),_0x263676(0x15f),_0x263676(0x13c),'mBottom',_0x263676(0x113),'mRight',_0x263676(0x11d),'mVertical',_0x263676(0x14e),_0x263676(0x147),'pBottom','pLeft',_0x263676(0x107),_0x263676(0x123),_0x263676(0x11c),'safeArea','hover','skeleton',_0x263676(0x102),_0x263676(0x121),'left',_0x263676(0x11e),_0x263676(0x146),'bottom',_0x263676(0x108),_0x263676(0x104),_0x263676(0x136),_0x263676(0x15e),_0x263676(0x116),_0x263676(0x111)];function _interopRequireDefault(_0x5304bb){var _0x15d3df=_0x263676;return _0x5304bb&&_0x5304bb[_0x15d3df(0x149)]?_0x5304bb:{'default':_0x5304bb};}function _typeof(_0x1ecab0){'@babel/helpers - typeof';var _0x367f4f=_0x263676;return _typeof='function'==typeof Symbol&&'symbol'==typeof Symbol[_0x367f4f(0x125)]?function(_0x59dad1){return typeof _0x59dad1;}:function(_0x2a7512){var _0x5e9a51=_0x367f4f;return _0x2a7512&&_0x5e9a51(0x150)==typeof Symbol&&_0x2a7512[_0x5e9a51(0x14c)]===Symbol&&_0x2a7512!==Symbol[_0x5e9a51(0x148)]?_0x5e9a51(0x126):typeof _0x2a7512;},_typeof(_0x1ecab0);}function ownKeys(_0x1fc1d9,_0x1e4d13){var _0x43934e=_0x263676,_0x10ae99=Object['keys'](_0x1fc1d9);if(Object[_0x43934e(0x12d)]){var _0x261b16=Object[_0x43934e(0x12d)](_0x1fc1d9);_0x1e4d13&&(_0x261b16=_0x261b16['filter'](function(_0xc9a6da){var _0x5bd9f7=_0x43934e;return Object[_0x5bd9f7(0x119)](_0x1fc1d9,_0xc9a6da)[_0x5bd9f7(0x124)];})),_0x10ae99[_0x43934e(0x103)]['apply'](_0x10ae99,_0x261b16);}return _0x10ae99;}function _objectSpread(_0x4d9a3a){var _0x5a8e0d=_0x263676;for(var _0x392cd3=0x1;_0x392cd3<arguments[_0x5a8e0d(0x114)];_0x392cd3++){var _0x38b221=null!=arguments[_0x392cd3]?arguments[_0x392cd3]:{};_0x392cd3%0x2?ownKeys(Object(_0x38b221),!0x0)['forEach'](function(_0x1ea349){_defineProperty(_0x4d9a3a,_0x1ea349,_0x38b221[_0x1ea349]);}):Object[_0x5a8e0d(0x13e)]?Object[_0x5a8e0d(0x12c)](_0x4d9a3a,Object[_0x5a8e0d(0x13e)](_0x38b221)):ownKeys(Object(_0x38b221))[_0x5a8e0d(0x120)](function(_0x61606e){var _0x4e3f6a=_0x5a8e0d;Object[_0x4e3f6a(0x160)](_0x4d9a3a,_0x61606e,Object[_0x4e3f6a(0x119)](_0x38b221,_0x61606e));});}return _0x4d9a3a;}function _defineProperty(_0xeba7e,_0x4d72b0,_0x291bf0){return _0x4d72b0=_toPropertyKey(_0x4d72b0),_0x4d72b0 in _0xeba7e?Object['defineProperty'](_0xeba7e,_0x4d72b0,{'value':_0x291bf0,'enumerable':!![],'configurable':!![],'writable':!![]}):_0xeba7e[_0x4d72b0]=_0x291bf0,_0xeba7e;}function _toPropertyKey(_0x207365){var _0x23b64b=_0x263676,_0x295235=_toPrimitive(_0x207365,_0x23b64b(0x10a));return _0x23b64b(0x126)==_typeof(_0x295235)?_0x295235:String(_0x295235);}function _toPrimitive(_0x113c70,_0x50e68f){var _0x261477=_0x263676;if(_0x261477(0x15d)!=_typeof(_0x113c70)||!_0x113c70)return _0x113c70;var _0x43470e=_0x113c70[Symbol['toPrimitive']];if(void 0x0!==_0x43470e){var _0xed6d0a=_0x43470e['call'](_0x113c70,_0x50e68f||_0x261477(0x12f));if('object'!=_typeof(_0xed6d0a))return _0xed6d0a;throw new TypeError(_0x261477(0x15c));}return(_0x261477(0x10a)===_0x50e68f?String:Number)(_0x113c70);}function _objectWithoutProperties(_0x12ded5,_0x2cec16){var _0x412974=_0x263676;if(_0x12ded5==null)return{};var _0x3f784b=_objectWithoutPropertiesLoose(_0x12ded5,_0x2cec16),_0x53d15e,_0xcea67d;if(Object[_0x412974(0x12d)]){var _0xadf502=Object[_0x412974(0x12d)](_0x12ded5);for(_0xcea67d=0x0;_0xcea67d<_0xadf502[_0x412974(0x114)];_0xcea67d++){_0x53d15e=_0xadf502[_0xcea67d];if(_0x2cec16[_0x412974(0x164)](_0x53d15e)>=0x0)continue;if(!Object[_0x412974(0x148)][_0x412974(0x105)]['call'](_0x12ded5,_0x53d15e))continue;_0x3f784b[_0x53d15e]=_0x12ded5[_0x53d15e];}}return _0x3f784b;}function _0x9aef(_0x1ff8de,_0x4b91e2){_0x1ff8de=_0x1ff8de-0x102;var _0x683298=_0x6832();var _0x9aef8f=_0x683298[_0x1ff8de];return _0x9aef8f;}function _objectWithoutPropertiesLoose(_0x587266,_0x427156){var _0x3fd96e=_0x263676;if(_0x587266==null)return{};var _0x118eff={},_0x4da15f=Object[_0x3fd96e(0x151)](_0x587266),_0x1a3a14,_0x278dba;for(_0x278dba=0x0;_0x278dba<_0x4da15f[_0x3fd96e(0x114)];_0x278dba++){_0x1a3a14=_0x4da15f[_0x278dba];if(_0x427156[_0x3fd96e(0x164)](_0x1a3a14)>=0x0)continue;_0x118eff[_0x1a3a14]=_0x587266[_0x1a3a14];}return _0x118eff;}var px=function px(_0x26cfa5){var _0x8b79d=_0x263676;if(_0x26cfa5===undefined||_0x26cfa5===null||_0x26cfa5==='')return undefined;return typeof _0x26cfa5===_0x8b79d(0x122)||!isNaN(Number(_0x26cfa5))?''[_0x8b79d(0x10f)](_0x26cfa5,'px'):String(_0x26cfa5);},View=(0x0,_react[_0x263676(0x166)])(function(_0x200134,_0x41ec55){var _0x577273=_0x263676,_0x2d8c53=_0x200134[_0x577273(0x135)],_0x81242f=_0x200134['row'],_0x25f523=_0x200134[_0x577273(0x15a)],_0x4da70a=_0x200134[_0x577273(0x140)],_0x263594=_0x200134[_0x577273(0x169)],_0x44cae6=_0x200134['around'],_0x3337a1=_0x200134[_0x577273(0x11f)],_0x2df4a8=_0x200134[_0x577273(0x132)],_0x2db63f=_0x200134['justifyItems'],_0x134e55=_0x200134['alignItems'],_0x1d6b7e=_0x200134[_0x577273(0x159)],_0x5787e0=_0x200134[_0x577273(0x13a)],_0xeb6877=_0x200134[_0x577273(0x13d)],_0x59f645=_0x200134[_0x577273(0x117)],_0x3f59a5=_0x200134[_0x577273(0x152)],_0x214814=_0x200134[_0x577273(0x139)],_0x1fcd3c=_0x200134['flexBasis'],_0x451479=_0x200134[_0x577273(0x162)],_0xbc0583=_0x200134[_0x577273(0x14a)],_0x1803d4=_0x200134['width'],_0x382fee=_0x200134['height'],_0x459973=_0x200134['bgColor'],_0x13cbc3=_0x200134[_0x577273(0x142)],_0x1d082f=_0x13cbc3===void 0x0?{}:_0x13cbc3,_0x57ba9f=_0x200134[_0x577273(0x131)],_0x373996=_0x200134[_0x577273(0x15f)],_0x400fb5=_0x200134['mTop'],_0x539baf=_0x200134[_0x577273(0x141)],_0x745830=_0x200134[_0x577273(0x113)],_0x2ed38b=_0x200134[_0x577273(0x153)],_0x4c0ba6=_0x200134[_0x577273(0x11d)],_0x4d5463=_0x200134['mVertical'],_0x2b5835=_0x200134[_0x577273(0x14e)],_0x5a6a3d=_0x200134[_0x577273(0x147)],_0x57150d=_0x200134['pBottom'],_0x473bb5=_0x200134['pLeft'],_0x38cef3=_0x200134[_0x577273(0x107)],_0x2d350b=_0x200134['pHorizontal'],_0x975804=_0x200134[_0x577273(0x11c)],_0x650f2f=_0x200134[_0x577273(0x127)],_0x3ba7dc=_0x200134[_0x577273(0x14f)],_0x371757=_0x200134[_0x577273(0x15b)],_0x22738e=_0x200134[_0x577273(0x102)],_0x55ac75=_0x200134['zIndex'],_0x239e85=_0x200134[_0x577273(0x167)],_0x8595fc=_0x200134[_0x577273(0x11e)],_0x10d966=_0x200134['top'],_0x40b38d=_0x200134[_0x577273(0x138)],_0x6d1788=_0x200134[_0x577273(0x108)],_0x1f11b6=_0x200134['radius'],_0x3ecca2=_0x200134['border'],_0xbb5c50=_0x200134[_0x577273(0x15e)],_0x292977=_0x200134[_0x577273(0x116)],_0x8cf5fe=_0x200134[_0x577273(0x111)],_0x51577a=_objectWithoutProperties(_0x200134,_excluded),_0x2f1293=(0x0,_classnames[_0x577273(0x12f)])(_0x2df4a8,{'zero-flex':!![],'zero-flex-1':_0x263594,'zero-flex-col':_0x25f523,'zero-flex-row':_0x81242f,'zero-flex-wrap':_0x4da70a,'zero-items-start':_0x134e55===_0x577273(0x12a),'zero-items-end':_0x134e55===_0x577273(0x155),'zero-items-center':_0x134e55===_0x577273(0x110),'zero-justify-start':_0x2db63f==='flex-start','zero-justify-end':_0x2db63f===_0x577273(0x155),'zero-justify-center':_0x2db63f===_0x577273(0x110),'zero-place-content-around':_0x44cae6===_0x577273(0x10d),'zero-justify-around':_0x44cae6===_0x577273(0x106),'zero-justify-between':_0x3337a1,'zero-hidden':_0xbc0583,'zero-animate-pulse\x20zero-bg-gray-200':_0x371757}),_0x15b932=function _0x2d727f(_0x1f26bd,_0x228453,_0x32ec){var _0x21bfc5=_0x577273,_0x988720=_0x228453===_0x1f26bd||_0x228453==='both';if(!_0x988720)return px(_0x32ec);return _0x32ec?_0x21bfc5(0x14d)['concat'](_0x1f26bd,_0x21bfc5(0x143))[_0x21bfc5(0x10f)](px(_0x32ec),')'):_0x21bfc5(0x161)[_0x21bfc5(0x10f)](_0x1f26bd,')');},_0x58aa40=_0x3ecca2||_0xbb5c50!==undefined||_0x292977!==undefined,_0x3686e1=_objectSpread({'width':px(_0x2d8c53?_0x577273(0x11a):_0x1803d4),'height':px(_0x2d8c53?_0x577273(0x11a):_0x382fee),'backgroundColor':_0x459973,'margin':px(_0x373996),'marginTop':px(_0x400fb5!==null&&_0x400fb5!==void 0x0?_0x400fb5:_0x4d5463),'marginBottom':px(_0x539baf!==null&&_0x539baf!==void 0x0?_0x539baf:_0x4d5463),'marginLeft':px(_0x745830!==null&&_0x745830!==void 0x0?_0x745830:_0x4c0ba6),'marginRight':px(_0x2ed38b!==null&&_0x2ed38b!==void 0x0?_0x2ed38b:_0x4c0ba6),'padding':px(_0x2b5835),'paddingTop':_0x15b932(_0x577273(0x146),_0x650f2f,_0x5a6a3d!==null&&_0x5a6a3d!==void 0x0?_0x5a6a3d:_0x975804),'paddingBottom':_0x15b932(_0x577273(0x138),_0x650f2f,_0x57150d!==null&&_0x57150d!==void 0x0?_0x57150d:_0x975804),'paddingLeft':px(_0x473bb5!==null&&_0x473bb5!==void 0x0?_0x473bb5:_0x2d350b),'paddingRight':px(_0x38cef3!==null&&_0x38cef3!==void 0x0?_0x38cef3:_0x2d350b),'position':_0x22738e,'zIndex':_0x55ac75,'left':px(_0x239e85),'right':px(_0x8595fc),'top':px(_0x10d966),'bottom':px(_0x40b38d),'overflow':_0x6d1788,'borderRadius':px(_0x1f11b6),'borderWidth':_0x58aa40?px(_0x292977!==null&&_0x292977!==void 0x0?_0x292977:0x1):undefined,'borderStyle':_0x58aa40?_0x8cf5fe!==null&&_0x8cf5fe!==void 0x0?_0x8cf5fe:_0x577273(0x133):undefined,'borderColor':_0xbb5c50,'gap':px(_0x5787e0),'rowGap':px(_0xeb6877),'columnGap':px(_0x59f645),'alignSelf':_0x1d6b7e,'flexShrink':_0x3f59a5,'flexGrow':_0x214814,'flexBasis':px(_0x1fcd3c),'opacity':_0x451479,'display':_0xbc0583?_0x577273(0x12e):undefined,'color':_0x371757?_0x577273(0x13f):undefined},_typeof(_0x1d082f)==='object'?_0x1d082f:{}),_0x563686={};for(var _0x4af4de in _0x3686e1){_0x3686e1[_0x4af4de]!==undefined&&_0x3686e1[_0x4af4de]!==null&&(_0x563686[_0x4af4de]=_0x3686e1[_0x4af4de]);}return(0x0,_jsxRuntime[_0x577273(0x130)])(_components[_0x577273(0x14b)],_objectSpread(_objectSpread({'ref':_0x41ec55,'className':_0x2f1293,'style':_0x563686,'hoverClass':_0x3ba7dc?'zero:opacity-70':_0x577273(0x12e),'hoverStayTime':0xc8},_0x51577a),{},{'children':_0x57ba9f}));});View[_0x263676(0x168)]=_0x263676(0x14b);function _0x6832(){var _0x3ddb9a=['mHorizontal','right','between','forEach','zIndex','number','pHorizontal','enumerable','iterator','symbol','safeArea','1812erqjFL','react/jsx-runtime','flex-start','../../styles/index.css','defineProperties','getOwnPropertySymbols','none','default','jsx','children','className','solid','react','full','border','4916628eDLymY','bottom','flexGrow','gap','bgColor','mTop','rowGap','getOwnPropertyDescriptors','transparent','wrap','mBottom','style',')\x20+\x20','5068zIYnDf','@tarojs/components','top','pTop','prototype','__esModule','hidden','View','constructor','calc(env(safe-area-inset-','padding','hover','function','keys','flexShrink','mRight','width','flex-end','2259295EcqqJc','1723149ChZell','around','alignSelf','column','skeleton','@@toPrimitive\x20must\x20return\x20a\x20primitive\x20value.','object','borderColor','margin','defineProperty','env(safe-area-inset-','opacity','2603952lJdkKi','indexOf','alignItems','forwardRef','left','displayName','flex','position','push','radius','propertyIsEnumerable','justify-around','pRight','overflow','27510xpgCOS','string','212AodlLQ','justifyItems','content-around','4961DgzaEQ','concat','center','borderStyle','14049IcqyKX','mLeft','length','height','borderWidth','columnGap','4ImIwUF','getOwnPropertyDescriptor','100%','row','pVertical'];_0x6832=function(){return _0x3ddb9a;};return _0x6832();}var _default=exports[_0x263676(0x12f)]=View;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _components = require("@tarojs/components");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("../../styles/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["full", "row", "column", "wrap", "flex", "around", "between", "className", "justifyItems", "alignItems", "alignSelf", "gap", "rowGap", "columnGap", "flexShrink", "flexGrow", "flexBasis", "opacity", "hidden", "width", "height", "bgColor", "background", "style", "children", "margin", "mTop", "mBottom", "mLeft", "mRight", "mHorizontal", "mVertical", "padding", "pTop", "pBottom", "pLeft", "pRight", "pHorizontal", "pVertical", "safeArea", "hover", "skeleton", "position", "zIndex", "left", "right", "top", "bottom", "overflow", "radius", "border", "borderColor", "borderWidth", "borderStyle"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * 处理 px 转换
+ * @param val px|string|undefined
+ * @returns px|string|undefined
+ */
+var px = function px(val) {
+  if (val === undefined || val === null || val === '') return undefined;
+  return typeof val === 'number' || !isNaN(Number(val)) ? "".concat(val, "px") : String(val);
+};
+
+/**
+ * taro weapp View Component (Tailwind 版)
+ * - full: 100% 100% 宽度、高度100%
+ * - flex: flex: 1 自动适应
+ * - row: flex-direction: row 主轴水平
+ * - column: flex-direction: column 主轴垂直
+ * - wrap: flex-wrap: wrap 换行
+ * - around: flex-direction: row justify-content: space-around 主轴平均分布
+ * - between: flex-direction: row justify-content: space-between 主轴两端对齐
+ * - justifyItems: justify-content 主轴对齐方式
+ * - alignItems: align-items 交叉轴对齐方式
+ * - alignSelf: align-self 自身对齐方式
+ * - gap: gap 间距
+ * - rowGap: row-gap 行间距
+ * - columnGap: column-gap 列间距
+ * - flexShrink: flex-shrink 剩余空间不足时
+ * - flexGrow: flex-grow 剩余空间
+ * - flexBasis: flex-basis 初始大小
+ * - opacity: opacity 透明度
+ * - hidden: hidden 隐藏
+ * - width: width 宽度
+ * - height: height 高度
+ * - bgColor: background-color 背景颜色
+ * - background: background 背景图片等复杂背景
+ * - safeArea: safe-area-inset 安全区域
+ * - hover: hover 悬停状态
+ * - skeleton: skeleton 骨架屏
+ * - position: position 定位
+ * - zIndex: z-index 层级
+ * - left: left 定位左侧
+ * - right: right 定位右侧
+ * - top: top 定位上侧
+ * - bottom: bottom 定位下侧
+ * - overflow: overflow 显示
+ * - overflowX: overflow-x 显示
+ * - overflowY: overflow-y 显示
+ * - radius: border-radius 圆角
+ * - border: boolean 边框
+ * - borderColor: border-color 边框颜色
+ * - borderWidth: border-width 边框宽度
+ * - borderStyle: border-style 边框样式
+ * - style: style 自定义样式
+ * - children: children 子元素
+ * - margin: margin 外边距
+ * - mTop: margin-top 上外边距
+ * - mBottom: margin-bottom 下外边距
+ * - mLeft: margin-left 左外边距
+ * - mRight: margin-right 右外边距
+ * - mHorizontal: margin-horizontal 水平外边距
+ * - mVertical: margin-vertical 垂直外边距
+ * - padding: padding 内边距
+ * - pTop: padding-top 上内边距
+ * - pBottom: padding-bottom 下内边距
+ * - pLeft: padding-left 左内边距
+ * - pRight: padding-right 右内边距
+ * - pHorizontal: padding-horizontal 水平内边距
+ * - pVertical: padding-vertical 垂直内边距
+ * - rest: View组件其他属性
+ */
+var View = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var full = props.full,
+    row = props.row,
+    column = props.column,
+    wrap = props.wrap,
+    flex = props.flex,
+    around = props.around,
+    between = props.between,
+    className = props.className,
+    justifyItems = props.justifyItems,
+    alignItems = props.alignItems,
+    alignSelf = props.alignSelf,
+    gap = props.gap,
+    rowGap = props.rowGap,
+    columnGap = props.columnGap,
+    flexShrink = props.flexShrink,
+    flexGrow = props.flexGrow,
+    flexBasis = props.flexBasis,
+    opacity = props.opacity,
+    hidden = props.hidden,
+    width = props.width,
+    height = props.height,
+    bgColor = props.bgColor,
+    background = props.background,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    children = props.children,
+    margin = props.margin,
+    mTop = props.mTop,
+    mBottom = props.mBottom,
+    mLeft = props.mLeft,
+    mRight = props.mRight,
+    mHorizontal = props.mHorizontal,
+    mVertical = props.mVertical,
+    padding = props.padding,
+    pTop = props.pTop,
+    pBottom = props.pBottom,
+    pLeft = props.pLeft,
+    pRight = props.pRight,
+    pHorizontal = props.pHorizontal,
+    pVertical = props.pVertical,
+    safeArea = props.safeArea,
+    hover = props.hover,
+    skeleton = props.skeleton,
+    position = props.position,
+    zIndex = props.zIndex,
+    left = props.left,
+    right = props.right,
+    top = props.top,
+    bottom = props.bottom,
+    overflow = props.overflow,
+    radius = props.radius,
+    border = props.border,
+    borderColor = props.borderColor,
+    borderWidth = props.borderWidth,
+    borderStyle = props.borderStyle,
+    rest = _objectWithoutProperties(props, _excluded);
+  var viewClass = (0, _classnames.default)(className, {
+    'zero-flex': true,
+    'zero-flex-1': flex,
+    'zero-flex-col': column,
+    'zero-flex-row': row,
+    'zero-flex-wrap': wrap,
+    'zero-items-start': alignItems === 'flex-start',
+    'zero-items-end': alignItems === 'flex-end',
+    'zero-items-center': alignItems === 'center',
+    'zero-justify-start': justifyItems === 'flex-start',
+    'zero-justify-end': justifyItems === 'flex-end',
+    'zero-justify-center': justifyItems === 'center',
+    'zero-place-content-around': around === 'content-around',
+    'zero-justify-around': around === 'justify-around',
+    'zero-justify-between': between,
+    'zero-hidden': hidden,
+    'zero-animate-pulse zero-bg-gray-200': skeleton
+  });
+  var getSafeAreaPadding = function getSafeAreaPadding(type, safeAreaVal, userPadding) {
+    var isSafe = safeAreaVal === type || safeAreaVal === 'both';
+    if (!isSafe) return px(userPadding);
+    return userPadding ? "calc(env(safe-area-inset-".concat(type, ") + ").concat(px(userPadding), ")") : "env(safe-area-inset-".concat(type, ")");
+  };
+  var hasBorder = border || borderColor !== undefined || borderWidth !== undefined;
+  var customStyle = _objectSpread({
+    width: px(full ? '100%' : width),
+    height: px(full ? '100%' : height),
+    backgroundColor: bgColor,
+    background: background,
+    margin: px(margin),
+    marginTop: px(mTop !== null && mTop !== void 0 ? mTop : mVertical),
+    marginBottom: px(mBottom !== null && mBottom !== void 0 ? mBottom : mVertical),
+    marginLeft: px(mLeft !== null && mLeft !== void 0 ? mLeft : mHorizontal),
+    marginRight: px(mRight !== null && mRight !== void 0 ? mRight : mHorizontal),
+    padding: px(padding),
+    paddingTop: getSafeAreaPadding('top', safeArea, pTop !== null && pTop !== void 0 ? pTop : pVertical),
+    paddingBottom: getSafeAreaPadding('bottom', safeArea, pBottom !== null && pBottom !== void 0 ? pBottom : pVertical),
+    paddingLeft: px(pLeft !== null && pLeft !== void 0 ? pLeft : pHorizontal),
+    paddingRight: px(pRight !== null && pRight !== void 0 ? pRight : pHorizontal),
+    position: position,
+    zIndex: zIndex,
+    left: px(left),
+    right: px(right),
+    top: px(top),
+    bottom: px(bottom),
+    overflow: overflow,
+    borderRadius: px(radius),
+    borderWidth: hasBorder ? px(borderWidth !== null && borderWidth !== void 0 ? borderWidth : 1) : undefined,
+    borderStyle: hasBorder ? borderStyle !== null && borderStyle !== void 0 ? borderStyle : 'solid' : undefined,
+    borderColor: borderColor,
+    gap: px(gap),
+    rowGap: px(rowGap),
+    columnGap: px(columnGap),
+    alignSelf: alignSelf,
+    flexShrink: flexShrink,
+    flexGrow: flexGrow,
+    flexBasis: px(flexBasis),
+    opacity: opacity,
+    display: hidden ? 'none' : undefined,
+    color: skeleton ? 'transparent' : undefined
+  }, _typeof(style) === 'object' ? style : {});
+  var cleanStyle = {};
+  for (var key in customStyle) {
+    if (customStyle[key] !== undefined && customStyle[key] !== null) {
+      // @ts-ignore
+      cleanStyle[key] = customStyle[key];
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, _objectSpread(_objectSpread({
+    ref: ref,
+    className: viewClass,
+    style: cleanStyle,
+    hoverClass: hover ? 'zero:opacity-70' : 'none',
+    hoverStayTime: 200
+  }, rest), {}, {
+    children: children
+  }));
+});
+View.displayName = 'View';
+var _default = exports.default = View;