@vxe-ui/core 0.0.1

package/lib/src/resize.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.XEResizeObserver = void 0;
+exports.createResizeEvent = createResizeEvent;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _globalStore = _interopRequireDefault(require("./globalStore"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 监听 resize 事件
+ * 如果项目中已使用了 resize-observer-polyfill，那么只需要将方法定义全局，该组件就会自动使用
+ */
+let resizeTimeout;
+/* eslint-disable no-use-before-define */
+const eventStore = [];
+const defaultInterval = 500;
+function eventHandle() {
+  if (eventStore.length) {
+    eventStore.forEach(item => {
+      item.tarList.forEach(observer => {
+        const {
+          target,
+          width,
+          heighe
+        } = observer;
+        const clientWidth = target.clientWidth;
+        const clientHeight = target.clientHeight;
+        const rWidth = clientWidth && width !== clientWidth;
+        const rHeight = clientHeight && heighe !== clientHeight;
+        if (rWidth || rHeight) {
+          observer.width = clientWidth;
+          observer.heighe = clientHeight;
+          setTimeout(item.callback);
+        }
+      });
+    });
+    /* eslint-disable @typescript-eslint/no-use-before-define */
+    eventListener();
+  }
+}
+function eventListener() {
+  clearTimeout(resizeTimeout);
+  resizeTimeout = setTimeout(eventHandle, _globalStore.default.resizeInterval || defaultInterval);
+}
+class XEResizeObserver {
+  constructor(callback) {
+    Object.defineProperty(this, "tarList", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: []
+    });
+    Object.defineProperty(this, "callback", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    this.callback = callback;
+  }
+  observe(target) {
+    if (target) {
+      const {
+        tarList
+      } = this;
+      if (!tarList.some(observer => observer.target === target)) {
+        tarList.push({
+          target,
+          width: target.clientWidth,
+          heighe: target.clientHeight
+        });
+      }
+      if (!eventStore.length) {
+        eventListener();
+      }
+      if (!eventStore.some(item => item === this)) {
+        eventStore.push(this);
+      }
+    }
+  }
+  unobserve(target) {
+    _xeUtils.default.remove(eventStore, item => item.tarList.some(observer => observer.target === target));
+  }
+  disconnect() {
+    _xeUtils.default.remove(eventStore, item => item === this);
+  }
+}
+exports.XEResizeObserver = XEResizeObserver;
+function createResizeEvent(callback) {
+  if (window.ResizeObserver) {
+    return new window.ResizeObserver(callback);
+  }
+  return new XEResizeObserver(callback);
+}

package/lib/src/resize.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.XEResizeObserver=void 0,exports.createResizeEvent=createResizeEvent;var _xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("./globalStore"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let resizeTimeout;const eventStore=[],defaultInterval=500;function eventHandle(){eventStore.length&&(eventStore.forEach(n=>{n.tarList.forEach(e=>{var{target:t,width:r,heighe:i}=e,s=t.clientWidth,t=t.clientHeight;(s&&r!==s||t&&i!==t)&&(e.width=s,e.heighe=t,setTimeout(n.callback))})}),eventListener())}function eventListener(){clearTimeout(resizeTimeout),resizeTimeout=setTimeout(eventHandle,_globalStore.default.resizeInterval||defaultInterval)}class XEResizeObserver{constructor(e){Object.defineProperty(this,"tarList",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"callback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.callback=e}observe(t){var e;t&&(e=this["tarList"],e.some(e=>e.target===t)||e.push({target:t,width:t.clientWidth,heighe:t.clientHeight}),eventStore.length||eventListener(),eventStore.some(e=>e===this)||eventStore.push(this))}unobserve(t){_xeUtils.default.remove(eventStore,e=>e.tarList.some(e=>e.target===t))}disconnect(){_xeUtils.default.remove(eventStore,e=>e===this)}}function createResizeEvent(e){return new(window.ResizeObserver||XEResizeObserver)(e)}exports.XEResizeObserver=XEResizeObserver;

package/lib/src/store.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Store = void 0;
+var _log = require("./log");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 创建数据仓库
+ */
+class Store {
+  constructor() {
+    Object.defineProperty(this, "store", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {}
+    });
+  }
+  mixin(options) {
+    _xeUtils.default.each(options, (item, key) => {
+      this.add(key, item);
+    });
+    return this;
+  }
+  has(name) {
+    return !!this.get(name);
+  }
+  get(name) {
+    return this.store[name];
+  }
+  add(name, options) {
+    const conf = this.store[name];
+    // 检测是否覆盖
+    if (process.env.NODE_ENV === 'development') {
+      const confKeys = _xeUtils.default.keys(conf);
+      _xeUtils.default.each(options, (item, key) => {
+        if (confKeys.includes(key)) {
+          (0, _log.warnLog)('vxe.error.coverProp', [name, key]);
+        }
+      });
+    }
+    this.store[name] = conf ? _xeUtils.default.merge(conf, options) : options;
+    return this;
+  }
+  delete(name) {
+    delete this.store[name];
+  }
+  forEach(callback) {
+    _xeUtils.default.objectEach(this.store, callback);
+  }
+}
+exports.Store = Store;
+var _default = exports.default = Store;

package/lib/src/store.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Store=void 0;var _log=require("./log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class Store{constructor(){Object.defineProperty(this,"store",{enumerable:!0,configurable:!0,writable:!0,value:{}})}mixin(e){return _xeUtils.default.each(e,(e,t)=>{this.add(t,e)}),this}has(e){return!!this.get(e)}get(e){return this.store[e]}add(r,e){var t=this.store[r];if("development"===process.env.NODE_ENV){const s=_xeUtils.default.keys(t);_xeUtils.default.each(e,(e,t)=>{s.includes(t)&&(0,_log.warnLog)("vxe.error.coverProp",[r,t])})}return this.store[r]=t?_xeUtils.default.merge(t,e):e,this}delete(e){delete this.store[e]}forEach(e){_xeUtils.default.objectEach(this.store,e)}}exports.Store=Store;var _default=exports.default=Store;

package/lib/src/theme.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setTheme;
+var _globalStore = _interopRequireDefault(require("./globalStore"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function setTheme(options) {
+  const theme = (options ? options.theme : null) || _globalStore.default.theme || 'default';
+  if (typeof document !== 'undefined') {
+    const documentElement = document.documentElement;
+    if (documentElement) {
+      documentElement.setAttribute('data-vxe-theme', theme);
+    }
+  }
+}

package/lib/src/theme.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=setTheme;var _globalStore=_interopRequireDefault(require("./globalStore"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function setTheme(e){var t,e=(e?e.theme:null)||_globalStore.default.theme||"default";"undefined"!=typeof document&&(t=document.documentElement)&&t.setAttribute("data-vxe-theme",e)}

package/lib/src/validators.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validators = void 0;
+var _store = _interopRequireDefault(require("./store"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const validators = exports.validators = new _store.default();
+if (process.env.NODE_ENV === 'development') {
+  Object.assign(validators, {
+    _name: 'Validators'
+  });
+}

package/lib/src/validators.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validators=void 0;var _store=_interopRequireDefault(require("./store"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const validators=exports.validators=new _store.default;"development"===process.env.NODE_ENV&&Object.assign(validators,{_name:"Validators"});

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@vxe-ui/core",
+  "version": "0.0.1",
+  "description": "Vxe UI core library",
+  "scripts": {
+    "update": "npm install --legacy-peer-deps",
+    "lib:pack": "vue-cli-service build --target lib --name index --dest lib_temp packages/index.ts",
+    "lib:modules": "gulp build",
+    "lib": "npm run lib:pack && npm run lib:modules"
+  },
+  "files": [
+    "lib",
+    "es",
+    "src",
+    "types",
+    "packages"
+  ],
+  "main": "lib/index.common.js",
+  "module": "es/index.esm.js",
+  "typings": "types/index.d.ts",
+  "dependencies": {
+    "dom-zindex": "^1.0.2",
+    "xe-utils": "^3.5.26"
+  },
+  "devDependencies": {
+    "@types/resize-observer-browser": "^0.1.11",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "core-js": "^3.8.3",
+    "del": "^6.1.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^8.0.3",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-babel": "^8.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-concat": "^2.6.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.4",
+    "gulp-sourcemaps": "^3.0.0",
+    "gulp-typescript": "^5.0.1",
+    "gulp-uglify": "^3.0.2",
+    "postcss": "^8.4.38",
+    "typescript": "~4.5.5",
+    "vue": "3.3.13"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/x-extends/vxe-core.git"
+  },
+  "keywords": [
+    "vxe",
+    "vxe-core",
+    "vxe-ui"
+  ],
+  "author": {
+    "name": "Xu Liangzhan",
+    "email": "xu_liangzhan@163.com"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/x-extends/vxe-core/issues"
+  }
+}

package/packages/index.ts

@@ -0,0 +1,11 @@
+import VxeCore, { setConfig } from './src/core'
+import XEUtils from 'xe-utils'
+import zhCN from './language/zh-CN'
+
+// 默认中文
+setConfig({
+  i18n: (key: string, args: any) => XEUtils.toFormatString(XEUtils.get(zhCN, key), args)
+})
+
+export * from './src/core'
+export default VxeCore