@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/group-block/src/TxBlockInput.vue.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxInput = require('../../input/src/TxInput.vue.js');
+const TxBlockSlot_vue_vue_type_script_setup_true_lang = require('./TxBlockSlot.vue.js');
+;/* empty css                  */
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxBlockInput"
+  },
+  __name: "TxBlockInput",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    modelValue: {},
+    defaultIcon: {},
+    activeIcon: {},
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    clearable: { type: Boolean, default: false },
+    inputType: { default: "text" },
+    icon: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = vue.computed({
+      get: () => props.modelValue ?? "",
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const isFocused = vue.ref(false);
+    const isActive = vue.computed(() => isFocused.value);
+    const resolvedDefaultIcon = vue.computed(() => {
+      if (props.defaultIcon !== void 0)
+        return props.defaultIcon;
+      return props.icon;
+    });
+    const resolvedActiveIcon = vue.computed(() => {
+      if (props.activeIcon !== void 0)
+        return props.activeIcon;
+      return void 0;
+    });
+    function handleFocus(e) {
+      isFocused.value = true;
+      emit("focus", e);
+    }
+    function handleBlur(e) {
+      isFocused.value = false;
+      emit("blur", e);
+    }
+    function handleInput(val) {
+      emit("input", val);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(TxBlockSlot_vue_vue_type_script_setup_true_lang.default, {
+        class: "tx-block-input",
+        title: __props.title,
+        description: __props.description,
+        "default-icon": resolvedDefaultIcon.value,
+        "active-icon": resolvedActiveIcon.value,
+        active: isActive.value,
+        disabled: __props.disabled
+      }, {
+        tags: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tags")
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "control", {
+            value: value.value,
+            focused: isFocused.value
+          }, () => [
+            vue.createVNode(TxInput.default, {
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              type: __props.inputType,
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              clearable: __props.clearable,
+              class: "tx-block-input__input",
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onInput: handleInput
+            }, null, 8, ["modelValue", "type", "placeholder", "disabled", "clearable"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["title", "description", "default-icon", "active-icon", "active", "disabled"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/group-block/src/TxBlockInput.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxBlockInput_vue_vue_type_script_setup_true_lang = require('./TxBlockInput.vue.js');
+;/* empty css                   */
+
+
+
+exports.default = TxBlockInput_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/group-block/src/TxBlockSelect.vue.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxSelect = require('../../select/src/TxSelect.vue.js');
+const TxBlockSlot_vue_vue_type_script_setup_true_lang = require('./TxBlockSlot.vue.js');
+;/* empty css                  */
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxBlockSelect"
+  },
+  __name: "TxBlockSelect",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    modelValue: {},
+    defaultIcon: {},
+    activeIcon: {},
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    icon: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = vue.computed({
+      get: () => props.modelValue ?? "",
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    const isActive = vue.computed(() => !!value.value);
+    const resolvedDefaultIcon = vue.computed(() => {
+      if (props.defaultIcon !== void 0)
+        return props.defaultIcon;
+      return props.icon;
+    });
+    const resolvedActiveIcon = vue.computed(() => {
+      if (props.activeIcon !== void 0)
+        return props.activeIcon;
+      return void 0;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(TxBlockSlot_vue_vue_type_script_setup_true_lang.default, {
+        class: "tx-block-select",
+        title: __props.title,
+        description: __props.description,
+        "default-icon": resolvedDefaultIcon.value,
+        "active-icon": resolvedActiveIcon.value,
+        active: isActive.value,
+        disabled: __props.disabled
+      }, {
+        tags: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tags")
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(TxSelect.default, {
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: "tx-block-select__select"
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "placeholder", "disabled"])
+        ]),
+        _: 3
+      }, 8, ["title", "description", "default-icon", "active-icon", "active", "disabled"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/group-block/src/TxBlockSelect.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxBlockSelect_vue_vue_type_script_setup_true_lang = require('./TxBlockSelect.vue.js');
+;/* empty css                    */
+
+
+
+exports.default = TxBlockSelect_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/group-block/src/TxGroupBlock.vue.js

@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const gsap = require('gsap');
-const env = require('../../utils/env.js');
+const env = require('../../packages/tuffex/packages/utils/env.js');
 require('../../icon/index.js');
 const TxIcon = require('../../icon/src/TxIcon.vue.js');
 

package/dist/lib/guide-state/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxGuideState_vue_vue_type_script_setup_true_lang = require('./src/TxGuideState.vue.js');
+
+const TxGuideState = withInstall.withInstall(TxGuideState_vue_vue_type_script_setup_true_lang.default);
+
+exports.TxGuideState = TxGuideState;
+exports.default = TxGuideState;

package/dist/lib/guide-state/src/TxGuideState.vue.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const index = require('../../empty-state/index.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxGuideState"
+  },
+  __name: "TxGuideState",
+  props: {
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: {},
+    align: {},
+    size: {},
+    surface: {},
+    primaryAction: {},
+    secondaryAction: {},
+    actionSize: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    return (_ctx, _cache) => {
+      const _directive_slots = vue.resolveDirective("slots");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.TxEmptyState), vue.mergeProps(props, { variant: "guide" }), null, 16)), [
+        [_directive_slots, vue.unref(slots)]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/guide-state/src/TxGuideState.vue2.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxGuideState_vue_vue_type_script_setup_true_lang = require('./TxGuideState.vue.js');
+
+
+
+exports.default = TxGuideState_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/icon/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxIcon$1 = require('./src/TxIcon.vue.js');
 const TxStatusIcon$1 = require('./src/TxStatusIcon.vue.js');
 

package/dist/lib/icon/src/TxIcon.vue.js

@@ -6,6 +6,6 @@ const TxIcon_vue_vue_type_script_setup_true_lang = require('./TxIcon.vue2.js');
 ;/* empty css             */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TuffIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(TxIcon_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c9011f35"]]);
+const TuffIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(TxIcon_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1c78da26"]]);
 
 exports.default = TuffIcon;

package/dist/lib/icon/src/TxIcon.vue2.js

@@ -34,6 +34,10 @@ const _hoisted_8 = {
 const _hoisted_9 = ["viewBox"];
 const _hoisted_10 = ["d"];
 const _hoisted_11 = ["alt", "src"];
+const _hoisted_12 = {
+  key: 7,
+  class: "tuff-icon__error"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TuffIcon"
@@ -46,8 +50,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     size: { default: void 0 },
     empty: { default: "" },
     colorful: { type: Boolean, default: false },
-    urlResolver: { default: void 0 },
-    svgFetcher: { default: void 0 }
+    urlResolver: { type: Function, default: void 0 },
+    svgFetcher: { type: Function, default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -205,7 +209,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             alt: __props.alt,
             src: resolvedUrl.value
           }, null, 8, _hoisted_11))
-        ], 64)) : vue.createCommentVNode("", true)
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, [..._cache[2] || (_cache[2] = [
+          vue.createElementVNode("i", { class: "i-ri-image-line" }, null, -1)
+        ])]))
       ], 12, _hoisted_1);
     };
   }

package/dist/lib/image-gallery/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxImageGallery = require('./src/TxImageGallery.vue.js');
 
 const ImageGallery = withInstall.withInstall(TxImageGallery.default);

package/dist/lib/image-uploader/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxImageUploader = require('./src/TxImageUploader.vue.js');
 
 const ImageUploader = withInstall.withInstall(TxImageUploader.default);