@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.4

package/plugins/WangsVue.es.js

@@ -1,363 +0,0 @@
-import { inject } from "vue";
-import { x } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-import { d as deepMerge } from "../utils/object.util.es.js";
-import { P as PrimeVue } from "../vendor/primevue/config/config.esm.es.js";
-const DEFAULT_GLOBAL_LOCALE_CONFIG = {
-  startsWith: "Starts with",
-  contains: "Contains",
-  notContains: "Not contains",
-  endsWith: "Ends with",
-  equals: "Equals",
-  notEquals: "Not equals",
-  noFilter: "No Filter",
-  lt: "Less than",
-  lte: "Less than or equal to",
-  gt: "Greater than",
-  gte: "Greater than or equal to",
-  dateIs: "Date is",
-  dateIsNot: "Date is not",
-  dateBefore: "Date is before",
-  dateAfter: "Date is after",
-  clear: "Clear",
-  apply: "Apply",
-  matchAll: "Match All",
-  matchAny: "Match Any",
-  addRule: "Add Rule",
-  removeRule: "Remove Rule",
-  accept: "Yes",
-  reject: "No",
-  choose: "Choose",
-  upload: "Upload",
-  cancel: "Cancel",
-  completed: "Completed",
-  pending: "Pending",
-  fileSizeTypes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
-  monthNames: [
-    "Januari",
-    "Februari",
-    "Maret",
-    "April",
-    "Mei",
-    "Juni",
-    "Juli",
-    "Agustus",
-    "September",
-    "Oktober",
-    "November",
-    "Desember"
-  ],
-  monthNamesShort: [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "Mei",
-    "Jun",
-    "Jul",
-    "Agu",
-    "Sep",
-    "Okt",
-    "Nov",
-    "Des"
-  ],
-  dayNames: ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"],
-  dayNamesShort: ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
-  dayNamesMin: ["Mi", "Se", "Se", "Ra", "Ka", "Ju", "Sa"],
-  chooseYear: "Choose Year",
-  chooseMonth: "Choose Month",
-  chooseDate: "Choose Date",
-  prevDecade: "Previous Decade",
-  nextDecade: "Next Decade",
-  prevYear: "Previous Year",
-  nextYear: "Next Year",
-  prevMonth: "Previous Month",
-  nextMonth: "Next Month",
-  prevHour: "Previous Hour",
-  nextHour: "Next Hour",
-  prevMinute: "Previous Minute",
-  nextMinute: "Next Minute",
-  prevSecond: "Previous Second",
-  nextSecond: "Next Second",
-  pm: "PM",
-  am: "AM",
-  today: "Today",
-  weekHeader: "Wk",
-  firstDayOfWeek: 0,
-  showMonthAfterYear: false,
-  dateFormat: "mm/dd/yy",
-  weak: "Weak",
-  medium: "Medium",
-  strong: "Strong",
-  passwordPrompt: "Enter a password",
-  emptyFilterMessage: "No results found",
-  // @deprecated Use 'emptySearchMessage' option instead.
-  searchMessage: "{0} results are available",
-  selectionMessage: "{0} items selected",
-  emptySelectionMessage: "No selected item",
-  emptySearchMessage: "No results found",
-  emptyMessage: "No available options",
-  aria: {
-    trueLabel: "True",
-    falseLabel: "False",
-    nullLabel: "Not Selected",
-    star: "1 star",
-    stars: "{star} stars",
-    selectAll: "All items selected",
-    unselectAll: "All items unselected",
-    close: "Close",
-    previous: "Previous",
-    next: "Next",
-    navigation: "Navigation",
-    scrollTop: "Scroll Top",
-    moveTop: "Move Top",
-    moveUp: "Move Up",
-    moveDown: "Move Down",
-    moveBottom: "Move Bottom",
-    moveToTarget: "Move to Target",
-    moveToSource: "Move to Source",
-    moveAllToTarget: "Move All to Target",
-    moveAllToSource: "Move All to Source",
-    pageLabel: "Page {page}",
-    firstPageLabel: "First Page",
-    lastPageLabel: "Last Page",
-    nextPageLabel: "Next Page",
-    prevPageLabel: "Previous Page",
-    rowsPerPageLabel: "Rows per page",
-    jumpToPageDropdownLabel: "Jump to Page Dropdown",
-    jumpToPageInputLabel: "Jump to Page Input",
-    selectRow: "Row Selected",
-    unselectRow: "Row Unselected",
-    expandRow: "Row Expanded",
-    collapseRow: "Row Collapsed",
-    showFilterMenu: "Show Filter Menu",
-    hideFilterMenu: "Hide Filter Menu",
-    filterOperator: "Filter Operator",
-    filterConstraint: "Filter Constraint",
-    editRow: "Row Edit",
-    saveEdit: "Save Edit",
-    cancelEdit: "Cancel Edit",
-    listView: "List View",
-    gridView: "Grid View",
-    slide: "Slide",
-    slideNumber: "{slideNumber}",
-    zoomImage: "Zoom Image",
-    zoomIn: "Zoom In",
-    zoomOut: "Zoom Out",
-    rotateRight: "Rotate Right",
-    rotateLeft: "Rotate Left",
-    listLabel: "Option List"
-  }
-};
-const defaultOptions = {
-  locale: {
-    global: DEFAULT_GLOBAL_LOCALE_CONFIG,
-    components: {
-      FieldWrapper: {
-        labelOptional: "(opsional)",
-        labelRequired: "*"
-      },
-      InputText: {
-        urlFormatInvalidText: "Format URL tidak valid",
-        emailFormatInvalidText: "Format email tidak valid",
-        defaultPlaceholder: "Tulis {label}",
-        alreadyExistInvalidText: "{label} sudah ada",
-        emptyInvalidText: "{label} harus diisi",
-        exceedMaxLengthInvalidText: "Maks. {maxLength} karakter",
-        includeSpecialCharsInvalidText: "Tidak boleh berisi spesial karakter"
-      },
-      DialogConfirm: {
-        nonActionableCloseButtonLabel: "Tutup",
-        actionableCloseButtonLabel: "Batal",
-        defaultConfirmMessage: "Apa kamu yakin?",
-        defaultConfirmLabel: "Yakin"
-      },
-      CustomColumn: {
-        resetDefaultText: "Atur Ulang ke Default"
-      },
-      ButtonSearch: {
-        searchPlaceholder: "Cari"
-      },
-      FilterContainer: {
-        applyText: "Terapkan",
-        clearFieldText: "Bersihkan Field"
-      },
-      MultiSelect: {
-        filterPlaceholder: "Cari",
-        loadingPlaceholder: "Memuat...",
-        inputPlaceholder: "Pilih {lowercaseLabel}",
-        emptySelectionErrorMessage: "{label} harus dipilih"
-      },
-      Dropdown: {
-        filterPlaceholder: "Cari",
-        loadingPlaceholder: "Memuat...",
-        inputPlaceholder: "Pilih {lowercaseLabel}",
-        emptySelectionErrorMessage: "{label} harus dipilih"
-      },
-      InputCurrency: {
-        emptyInputErrorMessage: "{label} harus diisi"
-      },
-      TextArea: {
-        defaultPlaceholder: "Tulis {label}",
-        emptyInvalidText: "{label} harus diisi",
-        exceedMaxLengthInvalidText: "Maks. {maxLength} karakter"
-      },
-      InputRangeNumber: {
-        minPlaceholder: "Tulis",
-        maxPlaceholder: "Tulis"
-      },
-      DialogForm: {
-        cancelBtnLabel: "Batal",
-        clearBtnLabel: "Bersihkan Field",
-        stayCheckboxLabel: "Tetap di halaman ini",
-        submitBtnLabel: "Simpan",
-        asideRightCollapsedButtonLabel: "Lihat data yang ada >",
-        asideRightExpandedButtonLabel: "Tutup <"
-      },
-      InputPhoneNumber: {
-        defaultPlaceholder: "Masukkan nomor telepon"
-      },
-      InputNumber: {
-        defaultPlaceholder: "Tulis {label}",
-        alreadyExistInvalidText: "{label} sudah ada",
-        emptyInvalidText: "{label} harus diisi"
-      },
-      Calendar: {
-        defaultPlaceholder: "Pilih tanggal",
-        emptyInvalidText: "Tanggal tidak boleh kosong",
-        cancelFooterButtonLabel: "Batal",
-        applyFooterButtonLabel: "Terapkan"
-      },
-      Menu: {
-        noOptionLabel: "Tidak ada aksi"
-      },
-      ButtonBulkAction: {
-        allRecordSelected: "All {naming} Selected",
-        selectAllRecords: "Select All ({totalRecords} data)",
-        currentSelectionMessage: "{length} {naming} Selected"
-      },
-      UserName: {
-        detailUserAnchorText: "User Detail"
-      },
-      DataTable: {
-        downloadingMessage: "Downloading...",
-        falseText: "No",
-        trueText: "Yes"
-      },
-      ButtonDownload: {
-        downloadingMessage: "Downloading...",
-        falseText: "No",
-        trueText: "Yes"
-      },
-      ImageCompressor: {
-        cropperCtrlScrollInfo: "Use Ctrl + Scroll to zoom the cropper",
-        cropperTwoFingerInfo: "Use two fingers to move the cropper",
-        cropDialogHeader: "Adjust Photo",
-        imageTypeRequirement: "Must be image format",
-        maxSizeRequirement: "Max. 1 MB",
-        cancelCropLabel: "Cancel",
-        applyCropLabel: "Apply",
-        changeImageLabel: "Change Image"
-      }
-    }
-  },
-  defaultProps: {
-    FieldWrapper: {
-      showOptionalText: true,
-      showAsterisk: false,
-      tooltipPos: "top"
-    },
-    Tree: {
-      type: "category",
-      filter: ""
-    },
-    InputText: {
-      maxLength: 30
-    },
-    InputURL: {
-      maxLength: void 0
-      // Unlimited
-    },
-    InputEmail: {
-      maxLength: 60
-    },
-    ButtonBulkAction: {
-      selectMenuType: "overlay-panel",
-      naming: "Data"
-    },
-    Animation: {
-      libPath: "workspace"
-    },
-    TagType: {
-      useNfc: true
-    },
-    UserName: {
-      showUserName: true,
-      formatUserName: true
-    }
-  }
-};
-const WangsVueSymbol = Symbol("WangsVue");
-const useWangsVueConfig = (componentName) => {
-  const WangsVue = inject(WangsVueSymbol);
-  if (!WangsVue) {
-    throw new Error("WangsVue is not installed!");
-  }
-  if (componentName) {
-    return WangsVue.getComponentConfig(componentName);
-  }
-  return WangsVue.config;
-};
-const mergeWangsVueConfig = (baseConfig, overrideConfig) => {
-  return deepMerge(baseConfig, overrideConfig);
-};
-const createWangsVuePlugin = (predefinedOptions = defaultOptions, mergeConfig = true) => {
-  const mergedConfig = mergeConfig ? mergeWangsVueConfig(defaultOptions, predefinedOptions) : predefinedOptions;
-  return {
-    install: (app, options) => {
-      var _a;
-      const configOptions = {
-        ...mergedConfig,
-        ...options,
-        preset: options.preset ?? options.pt,
-        locale: {
-          ...mergedConfig.locale,
-          ...options == null ? void 0 : options.locale,
-          components: {
-            ...mergedConfig.locale.components,
-            ...((_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.components) || {}
-          }
-        },
-        defaultProps: {
-          ...mergedConfig.defaultProps,
-          ...(options == null ? void 0 : options.defaultProps) || {}
-        },
-        useToastConfig: mergedConfig.useToastConfig
-      };
-      const WangsVue = {
-        config: configOptions,
-        getComponentConfig: (componentName) => ({
-          defaultProps: configOptions.defaultProps[componentName] || {},
-          locale: {
-            ...configOptions.locale.components[componentName] || {},
-            global: configOptions.locale.global
-          }
-        })
-      };
-      app.config.globalProperties.$wangsvue = WangsVue;
-      app.config.globalProperties.$preset = WangsVue.config.preset;
-      app.provide(WangsVueSymbol, WangsVue);
-      app.provide("preset", configOptions.preset);
-      app.provide("useToastConfig", configOptions.useToastConfig);
-      app.use(PrimeVue, {
-        unstyled: true,
-        pt: configOptions.preset,
-        locale: configOptions.locale.global
-      });
-      app.use(x);
-    }
-  };
-};
-export {
-  createWangsVuePlugin as c,
-  useWangsVueConfig as u
-};

package/plugins/formValidation.es.js

@@ -1,19 +0,0 @@
-import { a as useForm$1, u as useField$1 } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-const useForm = () => {
-  const { values, handleSubmit, setValues, setFieldValue, errors } = useForm$1();
-  return {
-    values,
-    handleSubmit,
-    setValues,
-    setFieldValue,
-    errors
-  };
-};
-const useField = (path, rules, opts) => {
-  const context = useField$1(path, rules, opts);
-  return context;
-};
-export {
-  useField as a,
-  useForm as u
-};

package/progressbar/index.es.js

@@ -1,50 +0,0 @@
-import { defineComponent, inject, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, normalizeProps, guardReactiveProps, renderSlot, createTextVNode, toDisplayString } from "vue";
-const _hoisted_1 = ["aria-valuenow"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ProgressBar",
-  props: {
-    value: {},
-    valuePosition: { default: "right-side" },
-    severity: { default: "primary" },
-    mode: { default: "determinate" },
-    showValue: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const Preset = inject("preset", {}).progressbar;
-    const props = __props;
-    const determinate = computed(() => props.mode === "determinate");
-    const indeterminate = computed(() => props.mode === "indeterminate");
-    const inside = computed(() => props.valuePosition === "inside");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps(unref(Preset).root({ props }), {
-        "aria-valuenow": _ctx.value,
-        "aria-valuemax": "100",
-        "aria-valuemin": "0",
-        role: "progressbar"
-      }), [
-        createElementVNode("div", normalizeProps(guardReactiveProps(unref(Preset).container({ props }))), [
-          determinate.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, unref(Preset).value({ props }), {
-            style: `width: ${_ctx.value ?? 0}%`
-          }), [
-            _ctx.value != null && _ctx.value !== 0 && _ctx.showValue && inside.value ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, unref(Preset).label({ props }))), [
-              renderSlot(_ctx.$slots, "label", {}, () => [
-                createTextVNode(toDisplayString(_ctx.value + "%"), 1)
-              ])
-            ], 16)) : createCommentVNode("", true)
-          ], 16)) : createCommentVNode("", true),
-          indeterminate.value ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(Preset).container({ props }))), [
-            createElementVNode("div", normalizeProps(guardReactiveProps(unref(Preset).value)), null, 16)
-          ], 16)) : createCommentVNode("", true)
-        ], 16),
-        _ctx.showValue && !inside.value && determinate.value ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 0 }, unref(Preset).label({ props }))), [
-          renderSlot(_ctx.$slots, "label", {}, () => [
-            createTextVNode(toDisplayString(_ctx.value + "%"), 1)
-          ])
-        ], 16)) : createCommentVNode("", true)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/quickfilter/index.es.js

@@ -1,153 +0,0 @@
-import { defineComponent, ref, shallowRef, resolveDirective, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, normalizeStyle, Fragment, renderList, createBlock, createCommentVNode, mergeProps, createVNode, vShow } from "vue";
-import { a as useForm } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { i as isEmptyObject } from "../utils/object.util.es.js";
-import { a as applyFilter } from "../filtercontainer/index.es.js";
-import { _ as _sfc_main$4 } from "../calendar/index.es.js";
-import { _ as _sfc_main$2 } from "../dropdown/index.es.js";
-import { _ as _sfc_main$5 } from "../icon/index.es.js";
-import { _ as _sfc_main$1 } from "../inputrangenumber/index.es.js";
-import { _ as _sfc_main$3 } from "../multiselect/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "QuickFilter",
-  props: {
-    fields: {},
-    tableName: { default: "datatable" }
-  },
-  emits: ["apply"],
-  setup(__props, { emit: __emit }) {
-    const { values, resetForm } = useForm();
-    const loading = ref({});
-    const fieldsKey = shallowRef(0);
-    const filterOption = ref({});
-    const props = __props;
-    const emit = __emit;
-    const visibleFields = props.fields.filter(
-      (field) => field.visible !== false
-    );
-    const clear = () => {
-      resetForm();
-      fieldsKey.value++;
-      apply();
-    };
-    const apply = () => {
-      applyFilter(values, props.tableName, emit);
-    };
-    const getOptions = async (fn, field, queryParams = {}) => {
-      try {
-        loading.value[field] = true;
-        const params = { [field]: true, ...queryParams };
-        const optionOrResData = await (fn == null ? void 0 : fn(params));
-        if ("data" in optionOrResData) {
-          const { data } = optionOrResData;
-          filterOption.value[field] = data.data[field];
-        } else if (Array.isArray(optionOrResData))
-          filterOption.value[field] = optionOrResData;
-      } catch (error) {
-        console.error(error);
-      } finally {
-        loading.value[field] = false;
-      }
-    };
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "grid grid-cols-1 items-center",
-          { "gap-3 grid-cols-[auto,max-content]": !unref(isEmptyObject)(unref(values)) }
-        ]),
-        "data-wv-name": "quickfilter"
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["grid gap-3 transition-transform"]),
-          style: normalizeStyle(`grid-template-columns: repeat(${_ctx.fields.length}, 1fr)`),
-          "data-wv-section": "quickfilterfields"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleFields), (field) => {
-            var _a, _b;
-            return openBlock(), createElementBlock(Fragment, {
-              key: JSON.stringify(field) + fieldsKey.value
-            }, [
-              field.type == "rangenumber" ? withDirectives((openBlock(), createBlock(_sfc_main$1, mergeProps({
-                key: 0,
-                ref_for: true
-              }, field, {
-                label: void 0,
-                "max-field-name": ((_a = field.fields) == null ? void 0 : _a[1]) ?? `${field.field}[1]`,
-                "min-field-name": ((_b = field.fields) == null ? void 0 : _b[0]) ?? `${field.field}[0]`,
-                "onUpdate:modelValue": apply,
-                "use-validator": ""
-              }), null, 16, ["max-field-name", "min-field-name"])), [
-                [
-                  _directive_tooltip,
-                  field.tooltip,
-                  void 0,
-                  { top: true }
-                ]
-              ]) : field.type == "dropdown" ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
-                key: 1,
-                ref_for: true
-              }, field, {
-                "field-name": field.field,
-                label: void 0,
-                loading: loading.value[field.field],
-                options: filterOption.value[field.optionField ?? field.field],
-                onShow: ($event) => getOptions(
-                  field.fetchOptionFn,
-                  field.optionField ?? field.field,
-                  field.params
-                ),
-                "onUpdate:modelValue": apply,
-                "option-label": "label",
-                "option-value": "value",
-                "use-validator": ""
-              }), null, 16, ["field-name", "loading", "options", "onShow"])) : field.type == "multiselect" ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
-                key: 2,
-                ref_for: true
-              }, field, {
-                "field-name": field.field,
-                label: void 0,
-                loading: loading.value[field.optionField ?? field.field],
-                options: filterOption.value[field.optionField ?? field.field],
-                onShow: ($event) => getOptions(
-                  field.fetchOptionFn,
-                  field.optionField ?? field.field,
-                  field.params
-                ),
-                "onUpdate:modelValue": apply,
-                "option-label": "label",
-                "option-value": "value",
-                "use-validator": ""
-              }), null, 16, ["field-name", "loading", "options", "onShow"])) : field.type === "calendar" ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
-                key: 3,
-                ref_for: true
-              }, field, {
-                "field-name": field.field,
-                label: void 0,
-                "onUpdate:modelValue": apply,
-                "selection-mode": "range",
-                "use-validator": ""
-              }), null, 16, ["field-name"])) : createCommentVNode("", true)
-            ], 64);
-          }), 128))
-        ], 4),
-        withDirectives(createElementVNode("button", {
-          onClick: clear,
-          class: "rounded-full hover:bg-danger-300/20 p-0.5",
-          "data-wv-section": "quickfilterclearbutton",
-          type: "button"
-        }, [
-          createVNode(_sfc_main$5, {
-            class: "shrink-0 w-6 h-6",
-            icon: "close",
-            severity: "danger"
-          })
-        ], 512), [
-          [vShow, !unref(isEmptyObject)(unref(values))]
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/tabmenu/index.es.js

@@ -1,31 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref } from "vue";
-import { s as setPreset } from "../vendor/@wangs-ui/core/dist/esm/index-DCkh3cGv.es.js";
-import { N } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TabMenu",
-  props: {
-    menu: {},
-    type: { default: "tab" },
-    activeIndex: { default: 0 },
-    useTrailingLine: { type: Boolean, default: true },
-    model: {},
-    pt: {}
-  },
-  emits: ["tabChange", "update:activeIndex"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(N), {
-        "active-index": _ctx.activeIndex,
-        model: _ctx.model || _ctx.menu,
-        type: _ctx.type,
-        "use-trailing-line": _ctx.useTrailingLine,
-        onTabChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("tabChange", $event)),
-        "onUpdate:activeIndex": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:activeIndex", $event)),
-        onVnodeBeforeMount: _cache[2] || (_cache[2] = ($event) => unref(setPreset)("WANGS-TAB-MENU", _ctx.$preset.tabmenu))
-      }, null, 8, ["active-index", "model", "type", "use-trailing-line"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};