@indielayer/ui 0.2.4 → 1.0.0-alpha.0

package/lib/esm/composables/inputtable.js

@@ -1,155 +0,0 @@
-import { ref, watch, inject, computed, onMounted, onUnmounted } from 'vue';
-import { withProps as withProps$1, useInteractive, withValidator as withValidator$1 } from './interactive.js';
-
-const validator = {
-  ...withValidator$1(),
-};
-
-const withProps = () => ({
-  ...withProps$1(),
-  name: {
-    type: String,
-    default: null,
-  },
-  modelValue: {
-    type: [String, Number, Boolean, Function, Object, Array],
-    default: null,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  validateOnInput: {
-    type: Boolean,
-    default: true,
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  rules: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const withValidator = () => validator;
-
-const withEmits = (useListeners = true) => {
-  const emits = ['update:modelValue'];
-
-  if (!useListeners) return emits
-
-  return emits.concat(['blur', 'focus', 'input', 'change'])
-};
-
-const useInputtable = (props, { attrs, emit, useListeners = true } = {}) => {
-  const interactive = useInteractive();
-
-  const isFirstValidation = ref(true);
-  const errorInternal = ref(props.error);
-
-  const name = props.name ? props.name : (Math.random() + 1).toString(36).substring(7);
-  const nameInternal = ref(name);
-
-  watch(() => props.error, (val) => { errorInternal.value = val; });
-  watch(() => props.name, (val) => { if (val) nameInternal.value = val; });
-
-  const form = inject('form', {
-    registerInput: () => {},
-    unregisterInput: () => {},
-  });
-
-  const reset = () => {
-    errorInternal.value = '';
-    isFirstValidation.value = true;
-    emit('update:modelValue', '');
-  };
-
-  const setError = (val) => {
-    errorInternal.value = val;
-  };
-
-  const validate = (val) => {
-    val = val || props.modelValue;
-
-    isFirstValidation.value = false;
-
-    for (let i = 0; i < props.rules.length; i++) {
-      const item = props.rules[i];
-
-      let isValid = true;
-
-      // Direct Function
-      if (typeof item === 'function') {
-        const rule = item;
-
-        isValid = rule(val);
-      } else if (Array.isArray(item) && item.length === 2) {
-        // Rule array [function, options]
-        const { 0: rule, 1: options } = item;
-
-        isValid = rule(val, options);
-      } else {
-        // Rule object { fn, options }
-        const rule = item.fn;
-        const { options } = item;
-
-        isValid = rule(val, options);
-      }
-
-      if (isValid !== true) {
-        errorInternal.value = isValid;
-
-        return false
-      }
-    }
-
-    errorInternal.value = '';
-
-    return true
-  };
-
-  const inputListeners = useListeners ? computed(() => {
-    return {
-      attrs,
-      blur: (event) => emit('blur', event),
-      focus: (event) => emit('focus', event),
-      input: (event) => {
-        if (props.validateOnInput && !isFirstValidation.value) validate(event.target.value);
-        emit('update:modelValue', event.target.value);
-      },
-      change: (event) => emit('change', event),
-    }
-  }) : ref({});
-
-  onMounted(() => {
-    form.registerInput(nameInternal.value, { focus: interactive.focus, validate, setError });
-  });
-
-  onUnmounted(() => {
-    form.unregisterInput(nameInternal.value);
-  });
-
-  return {
-    ...interactive,
-
-    // data
-    isFirstValidation,
-    errorInternal,
-
-    // computed
-    inputListeners,
-
-    // methods
-    reset,
-    validate,
-    setError,
-  }
-};
-
-export { useInputtable, withEmits, withProps, withValidator };

package/lib/esm/composables/interactive.js

@@ -1,35 +0,0 @@
-import { ref } from 'vue';
-import { withProps as withProps$1, withValidator as withValidator$1 } from './common.js';
-
-const validator = {
-  ...withValidator$1(),
-};
-
-const withProps = () => ({
-  ...withProps$1(),
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const withValidator = () => validator;
-
-const useInteractive = () => {
-  const focusRef = ref(null);
-
-  const focus = () => {
-    if (focusRef.value) focusRef.value.focus();
-  };
-
-  return {
-    focusRef,
-    focus,
-  }
-};
-
-export { useInteractive, withProps, withValidator };

package/lib/esm/index.js

@@ -1,85 +0,0 @@
-import * as index from './components/index.js';
-import './components/avatar/Avatar.vue.js';
-export { default as Avatar } from './components/avatar/Avatar.vue_vue_type_script_lang.js';
-import './components/button/Button.vue.js';
-export { default as Button } from './components/button/Button.vue_vue_type_script_lang.js';
-import './components/card/Card.vue.js';
-export { default as Card } from './components/card/Card.vue_vue_type_script_lang.js';
-import './components/checkbox/Checkbox.vue.js';
-export { default as Checkbox } from './components/checkbox/Checkbox.vue_vue_type_script_lang.js';
-import './components/collapse/Collapse.vue.js';
-export { default as Collapse } from './components/collapse/Collapse.vue_vue_type_script_lang.js';
-import './components/container/Container.vue.js';
-export { default as Container } from './components/container/Container.vue_vue_type_script_lang.js';
-import './components/divider/Divider.vue.js';
-export { default as Divider } from './components/divider/Divider.vue_vue_type_script_lang.js';
-import './components/form/Form.vue.js';
-export { default as Form } from './components/form/Form.vue_vue_type_script_lang.js';
-import './components/image/Image.vue.js';
-export { default as Image } from './components/image/Image.vue_vue_type_script_lang.js';
-import './components/input/Input.vue.js';
-export { default as Input } from './components/input/Input.vue_vue_type_script_lang.js';
-import './components/link/Link.vue.js';
-export { default as Link } from './components/link/Link.vue_vue_type_script_lang.js';
-import './components/modal/Modal.vue.js';
-export { default as Modal } from './components/modal/Modal.vue_vue_type_script_lang.js';
-import './components/note/Note.vue.js';
-export { default as Note } from './components/note/Note.vue_vue_type_script_lang.js';
-import './components/pagination/Pagination.vue.js';
-export { default as Pagination } from './components/pagination/Pagination.vue_vue_type_script_lang.js';
-import './components/popover/Popover.vue.js';
-export { default as Popover } from './components/popover/Popover.vue_vue_type_script_lang.js';
-import './components/popover/PopoverContainer.vue.js';
-export { default as PopoverContainer } from './components/popover/PopoverContainer.vue_vue_type_script_lang.js';
-import './components/popover/PopoverItem.vue.js';
-export { default as PopoverItem } from './components/popover/PopoverItem.vue_vue_type_script_lang.js';
-import './components/progress/Progress.vue.js';
-export { default as Progress } from './components/progress/Progress.vue_vue_type_script_lang.js';
-import './components/radio/Radio.vue.js';
-export { default as Radio } from './components/radio/Radio.vue_vue_type_script_lang.js';
-import './components/select/Select.vue.js';
-export { default as Select } from './components/select/Select.vue_vue_type_script_lang.js';
-import './components/skeleton/Skeleton.vue.js';
-export { default as Skeleton } from './components/skeleton/Skeleton.vue_vue_type_script_lang.js';
-import './components/status/StatusDot.vue.js';
-export { default as StatusDot } from './components/status/StatusDot.vue_vue_type_script_lang.js';
-import './components/table/Table.vue.js';
-export { default as Table } from './components/table/Table.vue_vue_type_script_lang.js';
-import './components/tabs/Tab.vue.js';
-export { default as Tab } from './components/tabs/Tab.vue_vue_type_script_lang.js';
-import './components/tabs/Tabs.vue.js';
-export { default as Tabs } from './components/tabs/Tabs.vue_vue_type_script_lang.js';
-import './components/tag/Tag.vue.js';
-export { default as Tag } from './components/tag/Tag.vue_vue_type_script_lang.js';
-import './components/textarea/Textarea.vue.js';
-export { default as Textarea } from './components/textarea/Textarea.vue_vue_type_script_lang.js';
-import './components/toast/Toast.vue.js';
-export { default as Toast } from './components/toast/Toast.vue_vue_type_script_lang.js';
-import './components/toggle/Toggle.vue.js';
-export { default as Toggle } from './components/toggle/Toggle.vue_vue_type_script_lang.js';
-import './components/tooltip/Tooltip.vue.js';
-export { default as Tooltip } from './components/tooltip/Tooltip.vue_vue_type_script_lang.js';
-export { default as Icon } from './components/icon/Icon.vue_vue_type_script_lang.js';
-export { default as PaginationItem } from './components/pagination/PaginationItem.vue_vue_type_script_lang.js';
-export { default as Spacer } from './components/spacer/Spacer.vue.js';
-export { default as Spinner } from './components/spinner/Spinner.vue_vue_type_script_lang.js';
-export { default as TableBody } from './components/table/TableBody.vue_vue_type_script_lang.js';
-export { default as TableCell } from './components/table/TableCell.vue_vue_type_script_lang.js';
-export { default as TableHead } from './components/table/TableHead.vue_vue_type_script_lang.js';
-export { default as TableHeader } from './components/table/TableHeader.vue_vue_type_script_lang.js';
-export { default as TableRow } from './components/table/TableRow.vue_vue_type_script_lang.js';
-export { default as Colors } from './components/colors.vue.js';
-
-const install = (Vue, config = {}) => {
-  Object.entries(index).forEach(([name, component]) => {
-    const prefix = config.prefix ? config.prefix : 'X';
-
-    Vue.component(`${prefix}${name}`, component);
-  });
-};
-
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-
-export { install as default };

package/lib/esm/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };