vft 0.0.375 → 0.0.376

package/lib/components/table/types.cjs

@@ -1,3 +1 @@
-"use strict";
-require("../pagination/index.cjs");
-require("../super-form/index.cjs");
+"use strict";require("../pagination/index.cjs");require("../super-form/index.cjs");

package/lib/components/table/use/use-columns.cjs

@@ -1,54 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const lodashEs = require("lodash-es");
-const vue = require("vue");
-function useColumns(propsRef) {
-  const columnsRef = vue.ref(vue.unref(propsRef).columns);
-  const cacheColumns = vue.unref(propsRef).columns;
-  const getColumnsRef = vue.computed(() => {
-    const columns = lodashEs.cloneDeep(vue.unref(columnsRef));
-    if (!columns) {
-      return [];
-    }
-    return columns.map((item) => {
-      if (!item.formatter && !item.slots && !item.cellRender) {
-        item.formatter = ({
-          cellValue
-        }) => {
-          return utils.isNullOrUndefined(cellValue) || cellValue === "" ? "-" : cellValue;
-        };
-      }
-      return item;
-    });
-  });
-  const getViewColumns = vue.computed(() => {
-    return vue.unref(getColumnsRef);
-  });
-  function setColumns(columnList) {
-    const columns = lodashEs.cloneDeep(columnList);
-    if (!utils.isArray(columns)) return;
-    if (columns.length <= 0) {
-      columnsRef.value = [];
-      return;
-    }
-    columnsRef.value = columns;
-  }
-  vue.watch(() => vue.unref(propsRef).columns, (columns) => {
-    columnsRef.value = columns || columnsRef.value;
-  }, {});
-  function getColumns() {
-    return vue.toRaw(vue.unref(getColumnsRef));
-  }
-  function getCacheColumns() {
-    return cacheColumns;
-  }
-  return {
-    getColumnsRef,
-    getCacheColumns,
-    getViewColumns,
-    getColumns,
-    setColumns
-  };
-}
-exports.useColumns = useColumns;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils"),l=require("lodash-es"),n=require("vue");function d(t){const r=n.ref(n.unref(t).columns),f=n.unref(t).columns,o=n.computed(()=>{const u=l.cloneDeep(n.unref(r));return u?u.map(e=>(!e.formatter&&!e.slots&&!e.cellRender&&(e.formatter=({cellValue:s})=>c.isNullOrUndefined(s)||s===""?"-":s),e)):[]}),m=n.computed(()=>n.unref(o));function i(u){const e=l.cloneDeep(u);if(c.isArray(e)){if(e.length<=0){r.value=[];return}r.value=e}}n.watch(()=>n.unref(t).columns,u=>{r.value=u||r.value},{});function a(){return n.toRaw(n.unref(o))}function C(){return f}return{getColumnsRef:o,getCacheColumns:C,getViewColumns:m,getColumns:a,setColumns:i}}exports.useColumns=d;

package/lib/components/table/use/use-data-source.cjs

@@ -1,246 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../pagination/index.cjs");
-const utils = require("@vft/utils");
-const core = require("@vueuse/core");
-const lodashEs = require("lodash-es");
-const vue = require("vue");
-const constants = require("../constants.cjs");
-function useDataSource(propsRef, { tableData, setLoading, getPaginationInfo, setPagination }, emit) {
-  const dataSourceRef = vue.ref([]);
-  const rawDataSourceRef = vue.ref({});
-  vue.watchEffect(() => {
-    tableData.value = vue.unref(dataSourceRef);
-  });
-  vue.watch(
-    () => vue.unref(propsRef).data,
-    () => {
-      const { data, api } = vue.unref(propsRef);
-      !api && data && (dataSourceRef.value = data);
-    },
-    {
-      immediate: true
-    }
-  );
-  function handleTableChange(pagination) {
-    setPagination(pagination);
-    const params = {};
-    fetch(params);
-  }
-  const getDataSourceRef = vue.computed(() => {
-    const dataSource = vue.unref(dataSourceRef);
-    if (!dataSource || dataSource.length === 0) {
-      return vue.unref(dataSourceRef);
-    }
-    return vue.unref(dataSourceRef);
-  });
-  async function fetch(opt) {
-    const {
-      api,
-      fetchSetting = {},
-      beforeFetch,
-      afterFetch,
-      pagination,
-      delEmptyParams,
-      transformParams,
-      extraParams
-    } = vue.unref(propsRef);
-    if (!api || !utils.isFunction(api)) return;
-    try {
-      setLoading(true);
-      const { pageField, sizeField, listField, totalField } = Object.assign(
-        {},
-        {
-          pageField: "page",
-          sizeField: "pageSize",
-          listField: "items",
-          totalField: "total"
-        },
-        fetchSetting
-      );
-      let pageParams = {};
-      let params = opt;
-      const { currentPage = 1, pageSize = constants.PAGE_SIZE } = vue.unref(
-        getPaginationInfo
-      );
-      if (transformParams) {
-        if (utils.isBoolean(pagination) && !pagination || utils.isBoolean(getPaginationInfo)) {
-          pageParams = {};
-        } else {
-          const _page = opt && opt.page || currentPage;
-          pageParams[pageField] = pagination?.pageIsZero ? _page - 1 : _page;
-          pageParams[sizeField] = pageSize;
-        }
-        params = lodashEs.merge(opt, pageParams);
-        if (beforeFetch && utils.isFunction(beforeFetch)) {
-          const beforeParams = await beforeFetch(params);
-          params = { ...params, ...beforeParams };
-        }
-        if (delEmptyParams) {
-          utils.delObjAttrNotExist(
-            params,
-            utils.isString(delEmptyParams) ? delEmptyParams === "strict" : false
-          );
-        }
-      }
-      if (params && !utils.isEmptyObject(params) && !utils.isNullOrUndefined(extraParams)) {
-        if (utils.isObject(params) && utils.isObject(extraParams)) {
-          params = Object.assign({}, params, extraParams);
-        }
-      } else {
-        if (!utils.isNullOrUndefined(extraParams)) {
-          params = extraParams;
-        }
-      }
-      const res = await api(params);
-      const isArrayResult = Array.isArray(res);
-      let resultItems = isArrayResult ? res : lodashEs.get(res, listField);
-      const resultTotal = isArrayResult ? res.length : lodashEs.get(res, totalField);
-      if (Number(resultTotal)) {
-        const currentTotalPage = Math.ceil(resultTotal / pageSize);
-        if (currentPage > currentTotalPage) {
-          setPagination({
-            currentPage: currentTotalPage
-          });
-          return await fetch(opt);
-        }
-      }
-      if (afterFetch && utils.isFunction(afterFetch)) {
-        resultItems = await afterFetch(resultItems) || resultItems;
-      }
-      dataSourceRef.value = resultItems;
-      rawDataSourceRef.value = resultItems;
-      setPagination({
-        total: resultTotal || 0
-      });
-      if (opt && opt.page) {
-        setPagination({
-          currentPage: opt.page || 1
-        });
-      }
-      emit("fetch-success", {
-        items: vue.unref(resultItems),
-        total: resultTotal
-      });
-      return resultItems;
-    } catch (error) {
-      console.log(error);
-      emit("fetch-error", error);
-      dataSourceRef.value = [];
-      setPagination({
-        total: 0
-      });
-    } finally {
-      setLoading(false);
-    }
-  }
-  function getRawDataSource() {
-    return rawDataSourceRef.value;
-  }
-  async function reload(opt) {
-    setPagination({
-      currentPage: opt?.page || 1
-    });
-    return await fetch(opt);
-  }
-  function findTableDataRecord(rowKey) {
-    if (!dataSourceRef.value || dataSourceRef.value.length === 0) return;
-    const { rowkey } = vue.unref(propsRef);
-    const findRow = (array) => {
-      let ret;
-      array.some(function iter(r) {
-        if (Reflect.has(r, rowkey) && r[rowkey] === rowKey) {
-          ret = r;
-          return true;
-        }
-      });
-      return ret;
-    };
-    return findRow(dataSourceRef.value);
-  }
-  async function updateTableData(index, key, value) {
-    const record = dataSourceRef.value[index];
-    if (record) {
-      dataSourceRef.value[index][key] = value;
-    }
-    return dataSourceRef.value[index];
-  }
-  function updateTableDataRecord(rowKey, record) {
-    const row = findTableDataRecord(rowKey);
-    if (row) {
-      for (const field in row) {
-        if (Reflect.has(record, field)) row[field] = record[field];
-      }
-      return row;
-    }
-  }
-  function insertTableDataRecord(record, index = 0) {
-    const _record = utils.isPlainObject(record) ? [record] : record;
-    dataSourceRef.value.splice(index, 0, ..._record);
-    return vue.unref(dataSourceRef);
-  }
-  function deleteTableDataRecord(row, rowKey) {
-    if (!dataSourceRef.value || dataSourceRef.value.length === 0) return;
-    const { rowkey: _rowKey } = vue.unref(propsRef);
-    const _index = dataSourceRef.value.findIndex(
-      (item) => item[rowKey || _rowKey] === row[rowKey || _rowKey]
-    );
-    dataSourceRef.value.splice(_index, 1);
-    const { total } = vue.unref(getPaginationInfo);
-    if (utils.isNumber(total)) {
-      setPagination({
-        total: total - 1
-      });
-    }
-  }
-  function setTableData(values) {
-    dataSourceRef.value = values;
-  }
-  function getDataSource() {
-    return getDataSourceRef.value;
-  }
-  function tableSearch(value) {
-    const filterVal = String(value).trim().toLowerCase();
-    if (filterVal) {
-      const list = getRawDataSource?.()?.filter((item) => {
-        for (const sub_item in item) {
-          if (String(item[sub_item]).trim().toLowerCase()?.includes(filterVal)) {
-            return true;
-          }
-        }
-      });
-      setTableData(list);
-    } else {
-      setTableData(getRawDataSource());
-    }
-  }
-  const isFirstRequest = vue.ref(true);
-  vue.onMounted(() => {
-    core.useTimeoutFn(() => {
-      vue.unref(propsRef).immediate && fetch();
-      isFirstRequest.value = false;
-    }, 16);
-  });
-  vue.watch(
-    () => vue.unref(propsRef).api,
-    () => {
-      if (vue.unref(propsRef).watchApiFetch && !isFirstRequest.value) {
-        vue.unref(propsRef).immediate && fetch();
-      }
-    }
-  );
-  return {
-    setTableData,
-    updateTableData,
-    updateTableDataRecord,
-    insertTableDataRecord,
-    deleteTableDataRecord,
-    reload,
-    handleTableChange,
-    getDataSourceRef,
-    getDataSource,
-    getRawDataSource,
-    tableSearch
-  };
-}
-exports.useDataSource = useDataSource;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../pagination/index.cjs");const i=require("@vft/utils"),J=require("@vueuse/core"),O=require("lodash-es"),t=require("vue"),K=require("../constants.cjs");function Q(s,{tableData:p,setLoading:j,getPaginationInfo:y,setPagination:o},q){const a=t.ref([]),E=t.ref({});t.watchEffect(()=>{p.value=t.unref(a)}),t.watch(()=>t.unref(s).data,()=>{const{data:e,api:r}=t.unref(s);!r&&e&&(a.value=e)},{immediate:!0});function z(e){o(e),h({})}const A=t.computed(()=>{const e=t.unref(a);return!e||e.length===0,t.unref(a)});async function h(e){const{api:r,fetchSetting:n={},beforeFetch:u,afterFetch:l,pagination:g,delEmptyParams:f,transformParams:G,extraParams:v}=t.unref(s);if(!(!r||!i.isFunction(r)))try{j(!0);const{pageField:w,sizeField:L,listField:V,totalField:H}=Object.assign({},{pageField:"page",sizeField:"pageSize",listField:"items",totalField:"total"},n);let S={},c=e;const{currentPage:_=1,pageSize:N=K.PAGE_SIZE}=t.unref(y);if(G){if(i.isBoolean(g)&&!g||i.isBoolean(y))S={};else{const m=e&&e.page||_;S[w]=g?.pageIsZero?m-1:m,S[L]=N}if(c=O.merge(e,S),u&&i.isFunction(u)){const m=await u(c);c={...c,...m}}f&&i.delObjAttrNotExist(c,i.isString(f)?f==="strict":!1)}c&&!i.isEmptyObject(c)&&!i.isNullOrUndefined(v)?i.isObject(c)&&i.isObject(v)&&(c=Object.assign({},c,v)):i.isNullOrUndefined(v)||(c=v);const b=await r(c),P=Array.isArray(b);let d=P?b:O.get(b,V);const F=P?b.length:O.get(b,H);if(Number(F)){const m=Math.ceil(F/N);if(_>m)return o({currentPage:m}),await h(e)}return l&&i.isFunction(l)&&(d=await l(d)||d),a.value=d,E.value=d,o({total:F||0}),e&&e.page&&o({currentPage:e.page||1}),q("fetch-success",{items:t.unref(d),total:F}),d}catch(w){console.log(w),q("fetch-error",w),a.value=[],o({total:0})}finally{j(!1)}}function D(){return E.value}async function C(e){return o({currentPage:e?.page||1}),await h(e)}function M(e){if(!a.value||a.value.length===0)return;const{rowkey:r}=t.unref(s);return(u=>{let l;return u.some(function(f){if(Reflect.has(f,r)&&f[r]===e)return l=f,!0}),l})(a.value)}async function k(e,r,n){return a.value[e]&&(a.value[e][r]=n),a.value[e]}function x(e,r){const n=M(e);if(n){for(const u in n)Reflect.has(r,u)&&(n[u]=r[u]);return n}}function B(e,r=0){const n=i.isPlainObject(e)?[e]:e;return a.value.splice(r,0,...n),t.unref(a)}function I(e,r){if(!a.value||a.value.length===0)return;const{rowkey:n}=t.unref(s),u=a.value.findIndex(g=>g[r||n]===e[r||n]);a.value.splice(u,1);const{total:l}=t.unref(y);i.isNumber(l)&&o({total:l-1})}function T(e){a.value=e}function U(){return A.value}function Z(e){const r=String(e).trim().toLowerCase();if(r){const n=D?.()?.filter(u=>{for(const l in u)if(String(u[l]).trim().toLowerCase()?.includes(r))return!0});T(n)}else T(D())}const R=t.ref(!0);return t.onMounted(()=>{J.useTimeoutFn(()=>{t.unref(s).immediate&&h(),R.value=!1},16)}),t.watch(()=>t.unref(s).api,()=>{t.unref(s).watchApiFetch&&!R.value&&t.unref(s).immediate&&h()}),{setTableData:T,updateTableData:k,updateTableDataRecord:x,insertTableDataRecord:B,deleteTableDataRecord:I,reload:C,handleTableChange:z,getDataSourceRef:A,getDataSource:U,getRawDataSource:D,tableSearch:Z}}exports.useDataSource=Q;

package/lib/components/table/use/use-loading.cjs

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-function useLoading(props) {
-  const loadingRef = vue.ref(vue.unref(props).loading);
-  vue.watch(
-    () => vue.unref(props).loading,
-    (loading) => {
-      loadingRef.value = loading;
-    }
-  );
-  const getLoading = vue.computed(() => vue.unref(loadingRef));
-  function setLoading(loading) {
-    loadingRef.value = loading;
-  }
-  return { getLoading, setLoading };
-}
-exports.useLoading = useLoading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");function a(t){const n=e.ref(e.unref(t).loading);e.watch(()=>e.unref(t).loading,o=>{n.value=o});const u=e.computed(()=>e.unref(n));function i(o){n.value=o}return{getLoading:u,setLoading:i}}exports.useLoading=a;

package/lib/components/table/use/use-pagination.cjs

@@ -1,72 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const vue = require("vue");
-const constants = require("../constants.cjs");
-function usePagination(refProps) {
-  const configRef = vue.ref({});
-  const show = vue.ref(true);
-  vue.watch(() => vue.unref(refProps).pagination, (pagination) => {
-    if (!utils.isBoolean(pagination) && pagination) {
-      configRef.value = {
-        ...vue.unref(configRef),
-        ...pagination ?? {}
-      };
-    }
-  });
-  const getPaginationInfo = vue.computed(() => {
-    const {
-      pagination,
-      total,
-      pageSize
-    } = vue.unref(refProps);
-    if (!vue.unref(show) || utils.isBoolean(pagination) && !pagination) {
-      return false;
-    }
-    return {
-      currentPage: 1,
-      pageSize,
-      // small: true,
-      total,
-      defaultPageSize: constants.PAGE_SIZE,
-      // layout: 'total, jumper, sizes, prev, pager, next',
-      layout: "total, prev, pager, next, jumper",
-      pagePlacement: "bottom-right",
-      "hide-on-single-page": true,
-      ...utils.isBoolean(pagination) ? {} : pagination,
-      ...vue.unref(configRef)
-    };
-  });
-  function setPagination(info) {
-    const paginationInfo = vue.unref(getPaginationInfo);
-    configRef.value = {
-      ...!utils.isBoolean(paginationInfo) ? paginationInfo : {},
-      ...info
-    };
-  }
-  function getPagination() {
-    return vue.unref(getPaginationInfo);
-  }
-  function getCurrentPage() {
-    return vue.unref(getPaginationInfo).currentPage;
-  }
-  function getPageSize() {
-    return vue.unref(getPaginationInfo).pageSize;
-  }
-  function getShowPagination() {
-    return vue.unref(show);
-  }
-  async function setShowPagination(flag) {
-    show.value = flag;
-  }
-  return {
-    getPagination,
-    getCurrentPage,
-    getPageSize,
-    getPaginationInfo,
-    setShowPagination,
-    getShowPagination,
-    setPagination
-  };
-}
-exports.usePagination = usePagination;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),e=require("vue"),S=require("../constants.cjs");function h(i){const o=e.ref({}),a=e.ref(!0);e.watch(()=>e.unref(i).pagination,n=>{!u.isBoolean(n)&&n&&(o.value={...e.unref(o),...n??{}})});const t=e.computed(()=>{const{pagination:n,total:r,pageSize:p}=e.unref(i);return!e.unref(a)||u.isBoolean(n)&&!n?!1:{currentPage:1,pageSize:p,total:r,defaultPageSize:S.PAGE_SIZE,layout:"total, prev, pager, next, jumper",pagePlacement:"bottom-right","hide-on-single-page":!0,...u.isBoolean(n)?{}:n,...e.unref(o)}});function g(n){const r=e.unref(t);o.value={...u.isBoolean(r)?{}:r,...n}}function f(){return e.unref(t)}function c(){return e.unref(t).currentPage}function s(){return e.unref(t).pageSize}function l(){return e.unref(a)}async function P(n){a.value=n}return{getPagination:f,getCurrentPage:c,getPageSize:s,getPaginationInfo:t,setShowPagination:P,getShowPagination:l,setPagination:g}}exports.usePagination=h;

package/lib/components/table/use/use-table.cjs

@@ -1,86 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const core = require("@vueuse/core");
-const vue = require("vue");
-function useTable(tableProps) {
-  const tableRef = vue.ref(null);
-  const loadedRef = vue.ref(false);
-  const formRef = vue.ref(null);
-  let stopWatch;
-  function register(instance, formInstance) {
-    core.tryOnBeforeUnmount(() => {
-      tableRef.value = null;
-      loadedRef.value = null;
-    });
-    if (vue.unref(loadedRef) && instance === vue.unref(tableRef)) return;
-    tableRef.value = instance;
-    formRef.value = formInstance;
-    tableProps && instance.setProps(utils.getDynamicProps(tableProps));
-    loadedRef.value = true;
-    stopWatch?.();
-    stopWatch = vue.watch(
-      () => tableProps,
-      () => {
-        tableProps && instance.setProps(utils.getDynamicProps(tableProps));
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-  }
-  function getTableInstance() {
-    const table = vue.unref(tableRef);
-    if (!table) {
-      console.error(
-        "The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"
-      );
-    }
-    return table;
-  }
-  const methods = {
-    reload: async (opt) => {
-      return await getTableInstance().reload(opt);
-    },
-    setProps: (props) => {
-      getTableInstance().setProps(props);
-    },
-    getDataSource: () => {
-      return getTableInstance().getDataSource();
-    },
-    getRawDataSource: () => {
-      return getTableInstance().getRawDataSource();
-    },
-    tableSearch: (value) => {
-      getTableInstance().tableSearch(value);
-    },
-    getColumns: () => {
-      const columns = getTableInstance().getColumns() || [];
-      return vue.toRaw(columns);
-    },
-    setColumns: (columns) => {
-      getTableInstance().setColumns(columns);
-    },
-    setTableData: (values) => {
-      return getTableInstance()?.setTableData(values);
-    },
-    setPagination: (info) => {
-      return getTableInstance().setPagination(info);
-    },
-    deleteTableDataRecord: (row, rowKey) => {
-      return getTableInstance().deleteTableDataRecord(row, rowKey);
-    },
-    insertTableDataRecord: (record, index) => {
-      return getTableInstance().insertTableDataRecord(record, index);
-    },
-    updateTableDataRecord: (rowKey, record) => {
-      return getTableInstance().updateTableDataRecord(rowKey, record);
-    },
-    findTableDataRecord: (rowKey) => {
-      return getTableInstance().findTableDataRecord(rowKey);
-    }
-  };
-  return [register, methods];
-}
-exports.useTable = useTable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vft/utils"),d=require("@vueuse/core"),r=require("vue");function f(n){const o=r.ref(null),u=r.ref(!1),c=r.ref(null);let l;function i(e,a){d.tryOnBeforeUnmount(()=>{o.value=null,u.value=null}),!(r.unref(u)&&e===r.unref(o))&&(o.value=e,c.value=a,n&&e.setProps(s.getDynamicProps(n)),u.value=!0,l?.(),l=r.watch(()=>n,()=>{n&&e.setProps(s.getDynamicProps(n))},{immediate:!0,deep:!0}))}function t(){const e=r.unref(o);return e||console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"),e}return[i,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),tableSearch:e=>{t().tableSearch(e)},getColumns:()=>{const e=t().getColumns()||[];return r.toRaw(e)},setColumns:e=>{t().setColumns(e)},setTableData:e=>t()?.setTableData(e),setPagination:e=>t().setPagination(e),deleteTableDataRecord:(e,a)=>t().deleteTableDataRecord(e,a),insertTableDataRecord:(e,a)=>t().insertTableDataRecord(e,a),updateTableDataRecord:(e,a)=>t().updateTableDataRecord(e,a),findTableDataRecord:e=>t().findTableDataRecord(e)}]}exports.useTable=f;

package/lib/components/table/utils.cjs

@@ -1,21 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const addRequire = (obj) => {
-  const _obj = utils.cloneDeep(obj);
-  _obj.required = true;
-  return _obj;
-};
-const removeRequire = (obj) => {
-  const _obj = utils.cloneDeep(obj);
-  delete _obj.required;
-  return _obj;
-};
-const selectMapping = (list) => {
-  return list?.length ? {
-    formatter: ({ cellValue }) => list.filter((item) => item.value === cellValue)[0]?.label
-  } : {};
-};
-exports.addRequire = addRequire;
-exports.removeRequire = removeRequire;
-exports.selectMapping = selectMapping;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@vft/utils"),n=r=>{const e=t.cloneDeep(r);return e.required=!0,e},u=r=>{const e=t.cloneDeep(r);return delete e.required,e},i=r=>r?.length?{formatter:({cellValue:e})=>r.filter(o=>o.value===e)[0]?.label}:{};exports.addRequire=n;exports.removeRequire=u;exports.selectMapping=i;

package/lib/components/tabs/index.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const tabPane_vue_vue_type_script_setup_true_lang = require("./tab-pane.vue2.cjs");
-const tabs_vue_vue_type_script_setup_true_lang = require("./tabs.vue2.cjs");
-const types = require("./types.cjs");
-const VftTabs = install.withInstall(tabs_vue_vue_type_script_setup_true_lang.default, { TabPane: tabPane_vue_vue_type_script_setup_true_lang.default });
-const VftTabPane = install.withNoopInstall(tabPane_vue_vue_type_script_setup_true_lang.default);
-exports.TabsRootContextKey = types.TabsRootContextKey;
-exports.VftTabPane = VftTabPane;
-exports.VftTabs = VftTabs;
-exports.default = VftTabs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const e=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./tab-pane.vue2.cjs"),u=require("./tabs.vue2.cjs"),a=require("./types.cjs"),r=e.withInstall(u.default,{TabPane:t.default}),s=e.withNoopInstall(t.default);exports.TabsRootContextKey=a.TabsRootContextKey;exports.VftTabPane=s;exports.VftTabs=r;exports.default=r;

package/lib/components/tabs/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-tabs.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-tabs.css");

package/lib/components/tabs/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/tabs.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/tabs.scss");

package/lib/components/tabs/tab-bar.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tabBar_vue_vue_type_script_setup_true_lang = require("./tab-bar.vue2.cjs");
-exports.default = tabBar_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tab-bar.vue2.cjs");exports.default=e.default;

package/lib/components/tabs/tab-bar.vue2.cjs

@@ -1,101 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const core = require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-const lodashEs = require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const types = require("./types.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "tab-bar",
-  props: {
-    tabs: {},
-    tabRefs: {},
-    tabBarReduceDistance: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const rootTabs = vue.inject(types.TabsRootContextKey);
-    const ns = index.useNamespace("tabs");
-    const barRef = vue.ref();
-    const barStyle = vue.ref();
-    const isLoad = vue.ref(false);
-    const getBarStyle = () => {
-      let offset = 0;
-      let tabSize = 0;
-      const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
-      const sizeDir = sizeName === "width" ? "x" : "y";
-      const position = sizeDir === "x" ? "left" : "top";
-      props.tabs.every((tab) => {
-        if (lodashEs.isUndefined(tab.paneName)) return false;
-        const $el = props.tabRefs?.[tab.paneName];
-        if (!$el) return false;
-        if (!tab.active) {
-          return true;
-        }
-        offset = $el[`offset${utils.capitalize(position)}`];
-        tabSize = $el[`client${utils.capitalize(sizeName)}`];
-        const tabStyles = window.getComputedStyle($el);
-        if (sizeName === "width") {
-          tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
-          offset += Number.parseFloat(tabStyles.paddingLeft);
-        }
-        return false;
-      });
-      const _tabBarReduceDistance = props.tabBarReduceDistance || 0;
-      return {
-        [sizeName]: `${tabSize - _tabBarReduceDistance}px`,
-        transform: `translate${utils.capitalize(sizeDir)}(${offset + _tabBarReduceDistance / 2}px)`
-      };
-    };
-    const update = () => barStyle.value = getBarStyle();
-    const tabObservers = [];
-    const observerTabs = () => {
-      tabObservers.forEach((observer) => observer.stop());
-      tabObservers.length = 0;
-      Object.values(props.tabRefs || {}).forEach((tab) => {
-        tabObservers.push(core.useResizeObserver(tab, update));
-      });
-    };
-    vue.watch(
-      () => props.tabs,
-      async () => {
-        await vue.nextTick();
-        update();
-        observerTabs();
-      },
-      { immediate: true }
-    );
-    const barObserver = core.useResizeObserver(barRef, () => update());
-    vue.onBeforeUnmount(() => {
-      tabObservers.forEach((observer) => observer.stop());
-      tabObservers.length = 0;
-      barObserver.stop();
-    });
-    const _tabPosition = vue.computed(() => {
-      return rootTabs.props.tabPosition;
-    });
-    vue.onMounted(() => {
-      setTimeout(() => {
-        isLoad.value = true;
-      }, 100);
-    });
-    __expose({
-      ref: barRef,
-      update
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "barRef",
-        ref: barRef,
-        class: vue.normalizeClass([vue.unref(ns).e("active-bar"), vue.unref(ns).is(_tabPosition.value), { "is-load": isLoad.value }]),
-        style: vue.normalizeStyle(barStyle.value)
-      }, null, 6);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@vueuse/core"),f=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const w=require("lodash-es"),B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const N=require("./types.cjs"),O=e.defineComponent({__name:"tab-bar",props:{tabs:{},tabRefs:{},tabBarReduceDistance:{}},setup(R,{expose:g}){const s=R,p=e.inject(N.TabsRootContextKey),b=B.useNamespace("tabs"),c=e.ref(),d=e.ref(),m=e.ref(!1),_=()=>{let t=0,o=0;const n=["top","bottom"].includes(p.props.tabPosition)?"width":"height",v=n==="width"?"x":"y",S=v==="x"?"left":"top";s.tabs.every(u=>{if(w.isUndefined(u.paneName))return!1;const i=s.tabRefs?.[u.paneName];if(!i)return!1;if(!u.active)return!0;t=i[`offset${f.capitalize(S)}`],o=i[`client${f.capitalize(n)}`];const l=window.getComputedStyle(i);return n==="width"&&(o-=Number.parseFloat(l.paddingLeft)+Number.parseFloat(l.paddingRight),t+=Number.parseFloat(l.paddingLeft)),!1});const h=s.tabBarReduceDistance||0;return{[n]:`${o-h}px`,transform:`translate${f.capitalize(v)}(${t+h/2}px)`}},a=()=>d.value=_(),r=[],q=()=>{r.forEach(t=>t.stop()),r.length=0,Object.values(s.tabRefs||{}).forEach(t=>{r.push(y.useResizeObserver(t,a))})};e.watch(()=>s.tabs,async()=>{await e.nextTick(),a(),q()},{immediate:!0});const z=y.useResizeObserver(c,()=>a());e.onBeforeUnmount(()=>{r.forEach(t=>t.stop()),r.length=0,z.stop()});const x=e.computed(()=>p.props.tabPosition);return e.onMounted(()=>{setTimeout(()=>{m.value=!0},100)}),g({ref:c,update:a}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:c,class:e.normalizeClass([e.unref(b).e("active-bar"),e.unref(b).is(x.value),{"is-load":m.value}]),style:e.normalizeStyle(d.value)},null,6))}});exports.default=O;

package/lib/components/tabs/tab-nav.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tabNav_vue_vue_type_script_setup_true_lang = require("./tab-nav.vue2.cjs");
-exports.default = tabNav_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tab-nav.vue2.cjs");exports.default=e.default;