@dfsj/components 3.0.0

package/dist/components/Windows/src/ModalWrap.vue2.js

@@ -0,0 +1,90 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineComponent, ref, watch, onUnmounted, defineAsyncComponent, h } from 'vue';
+import '../../Modal/src/BasicModal.vue.js';
+import script$1 from '../../Modal/src/BasicModal.vue2.js';
+
+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; }
+var script = defineComponent({
+  name: 'ModalWrap',
+  props: {
+    zIndex: Number,
+    options: Object
+  },
+  emits: ['close'],
+  setup: function setup(props, context) {
+    var options = props.options;
+    var properties = ref(null);
+    var zIndex = ref(props.zIndex);
+    var isClosed = false;
+    function onAction(name) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      if (options.onAction) options.onAction.apply(options, [name].concat(args));
+      if (options.prevent !== true) context.emit('close');
+    }
+    function onSubmit() {
+      if (options.onSubmit) options.onSubmit.apply(options, arguments);
+      if (options.prevent !== true) context.emit('close');
+    }
+    function onCancel(e) {
+      if (isClosed === true || e && e.type === 'cancel') return;
+      if (options.onCancel) options === null || options === void 0 || options.onCancel();
+      if (options.prevent !== true) context.emit('close');
+      isClosed = true;
+    }
+    context.expose({
+      setZIndex: function setZIndex(v) {
+        return zIndex.value = v;
+      },
+      getZIndex: function getZIndex() {
+        return zIndex.value;
+      }
+    });
+    watch(function () {
+      return props.options.props;
+    }, function (v) {
+      return properties.value = v;
+    }, {
+      immediate: true
+    });
+    onUnmounted(onCancel);
+    var isComponent = options.content instanceof Function;
+    var component = isComponent ? defineAsyncComponent({
+      loader: options.content
+    }) : undefined;
+    if (options.directly === true) {
+      component = isComponent ? defineAsyncComponent(options.content) : undefined;
+      return function () {
+        return h(component, _objectSpread(_objectSpread({}, properties.value), {}, {
+          zIndex: zIndex.value,
+          onSubmit: onSubmit,
+          onCancel: onCancel
+        }));
+      };
+    }
+    return function () {
+      var _options$item;
+      return h(script$1, _objectSpread(_objectSpread({}, options), {}, {
+        visible: true,
+        zIndex: zIndex.value,
+        onSubmit: onSubmit,
+        onCancel: onCancel,
+        onClose: onCancel,
+        key: (_options$item = options.item) === null || _options$item === void 0 ? void 0 : _options$item.id
+      }), function () {
+        return isComponent ? h(component, _objectSpread(_objectSpread({}, properties.value), {}, {
+          onSubmit: onSubmit,
+          onCancel: onCancel,
+          onAction: onAction
+        })) : h('div', {
+          "class": 'html-content',
+          innerHTML: options.content
+        });
+      });
+    };
+  }
+});
+
+export { script as default };

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

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<import("./props").Options[]>;
+    };
+    front: StringConstructor;
+    layer: NumberConstructor;
+}, {
+    setRefs: (index: number) => (el: HTMLElement) => void;
+    zIndex: number;
+    onClose: (id: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<import("./props").Options[]>;
+    };
+    front: StringConstructor;
+    layer: NumberConstructor;
+}>>, {}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,51 @@
+import { defineComponent, ref, watch } from 'vue';
+import { WindowsProps } from './props.js';
+import './ModalWrap.vue.js';
+import script$1 from './ModalWrap.vue2.js';
+
+var script = defineComponent({
+  name: 'Windows',
+  props: WindowsProps,
+  components: {
+    ModalWrap: script$1
+  },
+  setup: function setup(props) {
+    var zIndex = props.layer || 1000000000;
+    var refs = ref([]);
+    var setRefs = function setRefs(index) {
+      return function (el) {
+        refs.value[index] = el;
+      };
+    };
+    function onFront(id) {
+      console.log('refs', refs);
+      var window = refs[id];
+      if (window != null) {
+        var _zIndex = window === null || window === void 0 ? void 0 : window.getZIndex();
+        if (_zIndex < zIndex) {
+          window === null || window === void 0 || window.setZIndex(++zIndex);
+        }
+      }
+    }
+    function onClose(id) {
+      var index = props.items.findIndex(function (e) {
+        return e.id === id;
+      });
+      console.log('dddd', id, index);
+      if (index >= 0) props.items.splice(index, 1);
+      delete refs[id];
+    }
+    watch(function () {
+      return props.front;
+    }, function (id) {
+      return onFront(id);
+    });
+    return {
+      setRefs: setRefs,
+      zIndex: zIndex,
+      onClose: onClose
+    };
+  }
+});
+
+export { script as default };

package/dist/components/Windows/src/Windows.vue3.js

@@ -0,0 +1,22 @@
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock } from 'vue';
+
+var _hoisted_1 = {
+  "class": "component windows"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ModalWrap = resolveComponent("ModalWrap");
+  return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, function (item, index) {
+    return openBlock(), createBlock(_component_ModalWrap, {
+      key: item.id,
+      ref_for: true,
+      ref: _ctx.setRefs(index),
+      zIndex: item.zIndex || _ctx.zIndex++,
+      options: item,
+      onClose: function onClose() {
+        return _ctx.onClose(item.id);
+      }
+    }, null, 8 /* PROPS */, ["zIndex", "options", "onClose"]);
+  }), 128 /* KEYED_FRAGMENT */))]);
+}
+
+export { render };

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

@@ -0,0 +1,20 @@
+import { baseProps, footerProps, headerProps } from '../../Modal/src/props';
+import { PropType } from 'vue';
+export type Options = {
+    id: string;
+    onAction?: (action: string, model?: {}) => void;
+    onSubmit?: (model?: {}) => void;
+    onCancel?: () => void;
+    content: string | Function;
+    directly?: boolean;
+    props?: {
+        [key: string]: any;
+    };
+} & Partial<typeof baseProps> & Partial<typeof headerProps> & Partial<typeof footerProps>;
+export declare const WindowsProps: {
+    items: {
+        type: PropType<Options[]>;
+    };
+    front: StringConstructor;
+    layer: NumberConstructor;
+};

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

@@ -0,0 +1,9 @@
+var WindowsProps = {
+  items: {
+    type: Array
+  },
+  front: String,
+  layer: Number
+};
+
+export { WindowsProps };

package/dist/directives/clickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const ClickOutside: ObjectDirective;
+export default ClickOutside;

package/dist/directives/index.d.ts

@@ -0,0 +1,2 @@
+export { default as repeatClick } from './repeatClick';
+export { default as clickOutside } from './clickOutside';

package/dist/directives/repeatClick.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const repeatDirective: Directive;
+export default repeatDirective;

package/dist/helper/lang.d.ts

@@ -0,0 +1 @@
+export declare const getLabel: (filed: string) => any;