@dfsj/components 3.0.0

package/dist/components/Modal/src/props.js

@@ -0,0 +1,107 @@
+import { switcher, closer, submit, cancel } from './config.js';
+import propTypes from '../../../utils/propTypes.js';
+
+var zIndex = 1000;
+var baseProps = {
+  visible: Boolean,
+  zIndex: {
+    type: Number,
+    "default": function _default() {
+      return zIndex++;
+    }
+  },
+  sizes: Array,
+  offset: Object,
+  overflow: String,
+  maximum: Boolean,
+  modally: Boolean,
+  movable: {
+    type: [Boolean, String],
+    "default": true
+  },
+  position: {
+    type: String,
+    "default": 'fixed'
+  },
+  resizeable: Boolean,
+  extent: {
+    type: Object,
+    "default": function _default() {
+      return {
+        top: 0
+      };
+    }
+  },
+  modalClass: String,
+  contentClass: String,
+  animation: Object
+};
+var headerProps = {
+  header: {
+    type: Boolean,
+    "default": true
+  },
+  maximizer: {
+    type: Boolean,
+    "default": true
+  },
+  closer: {
+    type: Boolean,
+    "default": true
+  },
+  maximum: propTypes.any.def(function () {
+    return false;
+  }),
+  headerIcon: {
+    type: String,
+    "default": 'mdi:map-marker'
+  },
+  title: propTypes.oneOfType([propTypes.func, propTypes.string]).def('--'),
+  titleAlign: propTypes.oneOf(['start', 'center', 'end']).def('start'),
+  titleBefore: propTypes.func,
+  titleAfter: propTypes.func,
+  switcherIcon: {
+    type: Object,
+    "default": function _default() {
+      return switcher;
+    }
+  },
+  closerIcon: {
+    type: Object,
+    "default": function _default() {
+      return closer;
+    }
+  },
+  onSwitch: propTypes.func.def(function () {}),
+  onClose: propTypes.func.def(function () {})
+};
+var footerProps = {
+  footer: {
+    type: Boolean,
+    "default": true
+  },
+  cancel: {
+    type: Boolean,
+    "default": true
+  },
+  submit: {
+    type: Boolean,
+    "default": true
+  },
+  submitOpt: {
+    type: Object,
+    "default": function _default() {
+      return submit;
+    }
+  },
+  cancelOpt: {
+    type: Object,
+    "default": function _default() {
+      return cancel;
+    }
+  },
+  onCancel: propTypes.func.def(function () {}),
+  onSubmit: propTypes.func.def(function () {})
+};
+
+export { baseProps, footerProps, headerProps };

package/dist/components/Modal/src/utils/index.d.ts

@@ -0,0 +1,3 @@
+export declare function toMainStyle(props: any, locator: any, maximum: any): any;
+export declare function toBodyStyle(props: any, locator: any, maximum: any): any;
+export declare function clamp(value: any, min: any, max: any): any;

package/dist/components/Modal/src/utils/index.js

@@ -0,0 +1,86 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { unref } from 'vue';
+
+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 ensure(value) {
+  return value == null ? null : isNaN(value) ? value : "".concat(value, "px");
+}
+function isp(value) {
+  return typeof value === 'string' && !!value.match(/^.+(%|vh|vw)$/);
+}
+function doLocator(offset, sizes, locator, offsetable, sizeable) {
+  var siz = sizes && sizes.map(function (v) {
+    return v == null || isNaN(v) ? v : "".concat(v, "px");
+  });
+  var top = offsetable && ensure(locator.top != null ? locator.top : offset && offset.top);
+  var lft = offsetable && ensure(locator.left != null ? locator.left : offset && offset.left);
+  var rgt = offsetable && ensure(offset && offset.right);
+  var bom = offsetable && ensure(offset && offset.bottom);
+  var wid = siz && siz[0];
+  var hei = siz && siz[1];
+  var transformX, transformY, transform;
+  if (!top && !bom && offsetable) {
+    top = siz && siz[1] != null ? "calc(50% - ".concat(siz[1], "/2)") : '50%';
+    transformY = siz && siz[1] != null ? undefined : 'translateY(-50%)';
+  }
+  if (!lft && !rgt && offsetable) {
+    lft = siz && siz[0] != null ? "calc(50% - ".concat(siz[0], "/2)") : '50%';
+    transformX = siz && siz[0] != null ? undefined : 'translateX(-50%)';
+  }
+  if (transformX || transformY) {
+    transform = "".concat(transformX || '', " ").concat(transformY || '');
+  }
+  return {
+    top: top,
+    left: lft,
+    right: rgt,
+    bottom: bom,
+    width: sizeable && wid,
+    height: sizeable && hei,
+    transform: transform
+  };
+}
+function toMainStyle(props, locator, maximum) {
+  if (props.modally) {
+    return {
+      position: props.position,
+      zIndex: props.zIndex
+    };
+  }
+  var extent = doLocator(props.offset, props.sizes, locator, !unref(maximum), false);
+  if (props.modally === false) {
+    if (props.sizes && isp(props.sizes[0])) {
+      extent.width = props.sizes[0];
+    }
+    if (props.sizes && isp(props.sizes[1])) {
+      extent.height = props.sizes[1];
+    }
+  }
+  return _objectSpread({
+    position: props.position,
+    overflow: props.overflow,
+    zIndex: props.zIndex
+  }, extent);
+}
+function toBodyStyle(props, locator, maximum) {
+  var position = props.modally ? 'absolute' : null;
+  var extent = doLocator(props.offset, props.sizes, locator, props.modally && !unref(maximum), true);
+  if (props.modally === false) {
+    if (props.sizes && isp(props.sizes[0])) {
+      extent.width = '100%';
+    }
+    if (props.sizes && isp(props.sizes[1])) {
+      extent.height = '100%';
+    }
+  }
+  return _objectSpread({
+    position: position,
+    overflow: props.overflow
+  }, extent);
+}
+function clamp(value, min, max) {
+  return value < min ? min : value > max ? max : value;
+}
+
+export { clamp, toBodyStyle, toMainStyle };

package/dist/components/Stateful/index.d.ts

@@ -0,0 +1,4 @@
+import { DEFAULT_STATES, statefulProps } from './src/props';
+import State, { StateEnum } from './src/State';
+import Stateful from './src/Stateful.vue';
+export { State, StateEnum, Stateful, DEFAULT_STATES, statefulProps };

package/dist/components/Stateful/src/State.d.ts

@@ -0,0 +1,20 @@
+export declare enum StateEnum {
+    NONE = 0,
+    ERRORED = 1,
+    LOADING = 2,
+    EMPTY = 4,
+    FULL = 8,
+    COMPLETED = 16
+}
+export default class State {
+    #private;
+    constructor(init?: number);
+    loading(): void;
+    error(): void;
+    merge(state: number): void;
+    remove(state: number): void;
+    completed(isEmpty: any): void;
+    get isLoading(): boolean;
+    get state(): boolean;
+    get stringify(): string | undefined;
+}

package/dist/components/Stateful/src/State.js

@@ -0,0 +1,82 @@
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
+import { toRaw, ref } from 'vue';
+
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+var StateEnum;
+(function (StateEnum) {
+  StateEnum[StateEnum["NONE"] = 0] = "NONE";
+  StateEnum[StateEnum["ERRORED"] = 1] = "ERRORED";
+  StateEnum[StateEnum["LOADING"] = 2] = "LOADING";
+  StateEnum[StateEnum["EMPTY"] = 4] = "EMPTY";
+  StateEnum[StateEnum["FULL"] = 8] = "FULL";
+  StateEnum[StateEnum["COMPLETED"] = 16] = "COMPLETED";
+})(StateEnum || (StateEnum = {}));
+var _state = /*#__PURE__*/new WeakMap();
+var State = /*#__PURE__*/function () {
+  function State() {
+    var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : StateEnum.NONE;
+    _classCallCheck(this, State);
+    _classPrivateFieldInitSpec(this, _state, {
+      writable: true,
+      value: ref()
+    });
+    _classPrivateFieldGet(this, _state).value = init;
+  }
+  _createClass(State, [{
+    key: "loading",
+    value: function loading() {
+      _classPrivateFieldGet(this, _state).value = StateEnum.LOADING;
+    }
+  }, {
+    key: "error",
+    value: function error() {
+      _classPrivateFieldGet(this, _state).value = StateEnum.ERRORED;
+    }
+  }, {
+    key: "merge",
+    value: function merge(state) {
+      _classPrivateFieldGet(this, _state).value |= state;
+    }
+  }, {
+    key: "remove",
+    value: function remove(state) {
+      _classPrivateFieldGet(this, _state).value &= ~(_classPrivateFieldGet(this, _state).value & state);
+    }
+  }, {
+    key: "completed",
+    value: function completed(isEmpty) {
+      _classPrivateFieldGet(this, _state).value &= ~(_classPrivateFieldGet(this, _state).value & StateEnum.LOADING);
+      _classPrivateFieldGet(this, _state).value |= StateEnum.COMPLETED;
+      _classPrivateFieldGet(this, _state).value |= isEmpty ? StateEnum.EMPTY : StateEnum.FULL;
+    }
+  }, {
+    key: "isLoading",
+    get: function get() {
+      return (_classPrivateFieldGet(this, _state).value & StateEnum.LOADING) === StateEnum.LOADING;
+    }
+  }, {
+    key: "state",
+    get: function get() {
+      return !!_classPrivateFieldGet(this, _state);
+    }
+  }, {
+    key: "stringify",
+    get: function get() {
+      if (toRaw(this).isLoading) {
+        return 'loading';
+      }
+      if (_classPrivateFieldGet(this, _state).value & StateEnum.ERRORED) {
+        return 'error';
+      }
+      if (_classPrivateFieldGet(this, _state).value & StateEnum.EMPTY) {
+        return 'empty';
+      }
+    }
+  }]);
+  return State;
+}();
+
+export { StateEnum, State as default };

package/dist/components/Stateful/src/Stateful.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import("vue").DefineComponent<{
+    value: import("vue-types").VueTypeDef<string | number | {
+        [key: string]: any;
+    }>;
+    contentClass: StringConstructor;
+    states: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }, import("vue-types/dist/types").ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: import("vue-types").VueTypeDef<string | number | {
+        [key: string]: any;
+    }>;
+    contentClass: StringConstructor;
+    states: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }, import("vue-types/dist/types").ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+}>>, {
+    states: {
+        [key: string]: any;
+    };
+}, {}>;
+export default _default;

package/dist/components/Stateful/src/Stateful.vue.js

@@ -0,0 +1,5 @@
+import script from './Stateful.vue2.js';
+
+script.__file = "src/components/Stateful/src/Stateful.vue";
+
+export { script as default };

package/dist/components/Stateful/src/Stateful.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, toDisplayString, createCommentVNode } from 'vue';
+import { isObject } from '../../../utils/is.js';
+import '../../Icon/src/Icon.vue.js';
+import { statefulProps } from './props.js';
+import script$1 from '../../Icon/src/Icon.vue2.js';
+
+var _hoisted_1 = {
+  "class": "component stateful h-full w-full"
+};
+var _hoisted_2 = {
+  key: 0,
+  "class": "stateful--cover"
+};
+var _hoisted_3 = {
+  "class": "cover--box"
+};
+var script = defineComponent({
+  __name: 'Stateful',
+  props: statefulProps,
+  setup: function setup(__props) {
+    var props = __props;
+    var state = computed(function () {
+      if (isObject(props.value)) {
+        return props.value;
+      }
+      return props.value ? props.states[props.value] : null;
+    });
+    return function (_ctx, _cache) {
+      var _state$value, _state$value2, _state$value3, _state$value4, _state$value5, _state$value6, _state$value7;
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+        "class": normalizeClass(["stateful--content h-full w-full", [_ctx.contentClass, {
+          cover: !!state.value
+        }]])
+      }, [renderSlot(_ctx.$slots, "default")], 2), state.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(((_state$value = state.value) === null || _state$value === void 0 ? void 0 : _state$value.tag) == 'Icon' ? script$1 : (_state$value2 = state.value) === null || _state$value2 === void 0 ? void 0 : _state$value2.tag), {
+        "class": "cover--icon",
+        icon: (_state$value3 = state.value) === null || _state$value3 === void 0 ? void 0 : _state$value3.image,
+        color: (_state$value4 = state.value) === null || _state$value4 === void 0 ? void 0 : _state$value4.color,
+        size: ((_state$value5 = state.value) === null || _state$value5 === void 0 ? void 0 : _state$value5.size) || '28'
+      }, null, 8, ["icon", "color", "size"])), createElementVNode("div", {
+        "class": normalizeClass(["cover--text", ((_state$value6 = state.value) === null || _state$value6 === void 0 ? void 0 : _state$value6.color) + '--text'])
+      }, toDisplayString((_state$value7 = state.value) === null || _state$value7 === void 0 ? void 0 : _state$value7.label), 3)])])) : createCommentVNode("v-if", true)]);
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Stateful/src/props.d.ts

@@ -0,0 +1,39 @@
+export declare const DEFAULT_STATES: {
+    error: {
+        tag: string;
+        label: string;
+        image: string;
+        color: string;
+    };
+    empty: {
+        tag: string;
+        label: string;
+        image: string;
+        color: string;
+    };
+    loading: {
+        tag: string;
+        label: string;
+        image: string;
+        color: string;
+    };
+};
+export declare const statefulProps: {
+    value: import("vue-types").VueTypeDef<string | number | {
+        [key: string]: any;
+    }>;
+    contentClass: StringConstructor;
+    states: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }, import("vue-types/dist/types").ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+};

package/dist/components/Stateful/src/props.js

@@ -0,0 +1,29 @@
+import propTypes from '../../../utils/propTypes.js';
+
+var DEFAULT_STATES = {
+  error: {
+    tag: 'Icon',
+    label: '出错了...',
+    image: 'mdi:alert',
+    color: 'info'
+  },
+  empty: {
+    tag: 'Icon',
+    label: '暂无数据...',
+    image: 'mdi:information',
+    color: 'info'
+  },
+  loading: {
+    tag: 'Icon',
+    label: '加载中...',
+    image: 'svg-spinners:blocks-shuffle-3',
+    color: 'info'
+  }
+};
+var statefulProps = {
+  value: propTypes.oneOfType([propTypes.object, propTypes.number, propTypes.string]),
+  contentClass: String,
+  states: propTypes.object.def(DEFAULT_STATES)
+};
+
+export { DEFAULT_STATES, statefulProps };

package/dist/components/Table/index.d.ts

@@ -0,0 +1,14 @@
+import Table from './src/Table.vue';
+import { ElTable } from 'element-plus';
+import { TableColumn, TableSetProps } from './src/types';
+import { useTable } from './src/useTable';
+import { ComponentRef, Recordable } from '../../types';
+export type { TableColumn, TableSlotDefault, Pagination, TableSetProps, TableProps, } from './src/types';
+export interface TableExpose {
+    setProps: (props: Recordable) => void;
+    setColumn: (columnProps: TableSetProps[]) => void;
+    addColumn: (column: TableColumn, index?: number) => void;
+    delColumn: (field: string) => void;
+    elTableRef: ComponentRef<typeof ElTable>;
+}
+export { Table, useTable };