@fmdevui/fm-dev 1.0.114 → 1.0.116

package/es/component.mjs

@@ -1,5 +1,5 @@
 import { FmLogin } from './packages/core/ui/login/index.mjs';
-import { FmTransfer, FmNoticeBar, Fmselect, FmAutocomplete, Fminputtable, Fminputdropdown, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing } from './packages/core/ui/components/index.mjs';
+import { FmTransfer, FmNoticeBar, Fmselect, FmAutocomplete, Fminputtable, Fminputdropdown, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing, FmHBarChart } from './packages/core/ui/components/index.mjs';
 
 const plugins = [
   FmLogin,
@@ -17,7 +17,8 @@ const plugins = [
   FmSelectTable,
   FmRenderCol,
   FmButton,
-  FmAddressParsing
+  FmAddressParsing,
+  FmHBarChart
 ];
 
 export { plugins as default };

package/es/core/api/base/index.d.ts

@@ -2,28 +2,28 @@ import { CustomAxiosRequestConfig } from '../utils/request';
 import { AxiosResponse } from 'axios';
 export declare const useBaseApi: (module: string, options?: CustomAxiosRequestConfig) => {
     baseUrl: string;
-    request: <T>(config: CustomAxiosRequestConfig, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    pcomm: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    post: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    gcomm: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    download: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    get: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    page: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    detail: (id: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    dropdownData: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    add: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    update: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    setStatus: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    delete: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    batchDelete: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    exportData: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    downloadTemplate: (cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    importData: (file: any, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    uploadFile: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
+    request: <T>(config: CustomAxiosRequestConfig, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    pcomm: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    post: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    gcomm: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    download: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    get: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    page: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    detail: (id: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    dropdownData: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    add: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    update: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    setStatus: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    delete: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    batchDelete: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    exportData: (data: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    downloadTemplate: (cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    importData: (file: any, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    uploadFile: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
 };
 export declare const useApi: (url: string, options?: CustomAxiosRequestConfig) => {
     baseUrl: string;
-    request: <T>(config: CustomAxiosRequestConfig, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    post: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
-    get: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any>>;
+    request: <T>(config: CustomAxiosRequestConfig, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    post: (data: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
+    get: (params: any, action: string, cancel?: boolean) => Promise<AxiosResponse<any, any, {}>>;
 };

package/es/core/api/login/index.d.ts

@@ -1,7 +1,7 @@
 import { AxiosResponse } from 'axios';
 export declare function useLoginApi(): {
-    signIn: (data: object) => Promise< AxiosResponse<any, any>>;
-    loginPhonenumber: (data: object) => Promise< AxiosResponse<any, any>>;
-    getCaptcha: () => Promise< AxiosResponse<any, any>>;
-    signOut: (data: object) => Promise< AxiosResponse<any, any>>;
+    signIn: (data: object) => Promise< AxiosResponse<any, any, {}>>;
+    loginPhonenumber: (data: object) => Promise< AxiosResponse<any, any, {}>>;
+    getCaptcha: () => Promise< AxiosResponse<any, any, {}>>;
+    signOut: (data: object) => Promise< AxiosResponse<any, any, {}>>;
 };

package/es/core/api/sys/index.d.ts

@@ -1,34 +1,34 @@
 import { AxiosResponse } from 'axios';
 export declare function useSysApi(): {
-    getSysInfo: (id: any) => Promise< AxiosResponse<any, any>>;
-    getSmPublicKey: () => Promise< AxiosResponse<any, any>>;
-    getMenuTree: () => Promise< AxiosResponse<any, any>>;
-    getMenuUserMenuList: () => Promise< AxiosResponse<any, any>>;
-    addUserMenu: (data: any) => Promise< AxiosResponse<any, any>>;
-    setNoticeRead: (data: any) => Promise< AxiosResponse<any, any>>;
-    getNoticeTitle: () => Promise< AxiosResponse<any, any>>;
-    getNoticeUnReadList: () => Promise< AxiosResponse<any, any>>;
-    NoticePageReceived: (data: any) => Promise< AxiosResponse<any, any>>;
-    getUpgradeLastUnRead: () => Promise< AxiosResponse<any, any>>;
-    getUserInfo: () => Promise< AxiosResponse<any, any>>;
-    getUserRoleTableList: () => Promise< AxiosResponse<any, any>>;
-    getConstList: () => Promise< AxiosResponse<any, any>>;
-    getPosList: () => Promise< AxiosResponse<any, any>>;
-    getOwnRoleListById: (userid: any) => Promise< AxiosResponse<any, any>>;
-    getRoleList: () => Promise< AxiosResponse<any, any>>;
-    getSysOrgChildTreePidLevel: (pid: any, level: any) => Promise< AxiosResponse<any, any>>;
-    getOrgList: (params: any) => Promise< AxiosResponse<any, any>>;
-    getUserBaseInfo: () => Promise< AxiosResponse<any, any>>;
-    getOwnExtOrgListByid: (userid: any) => Promise< AxiosResponse<any, any>>;
-    getAllDictList: () => Promise< AxiosResponse<any, any>>;
-    verifyPwdExpirationTime: () => Promise< AxiosResponse<any, any>>;
-    changePwd: (data: any) => Promise< AxiosResponse<any, any>>;
-    resetPwd: (data: any) => Promise< AxiosResponse<any, any>>;
-    unlockLogin: (data: any) => Promise< AxiosResponse<any, any>>;
-    changeToken: (data: any) => Promise< AxiosResponse<any, any>>;
-    Logout: () => Promise< AxiosResponse<any, any>>;
-    unLockScreen: (password: any) => Promise< AxiosResponse<any, any>>;
-    getOnlineUserList: (data: any) => Promise< AxiosResponse<any, any>>;
+    getSysInfo: (id: any) => Promise< AxiosResponse<any, any, {}>>;
+    getSmPublicKey: () => Promise< AxiosResponse<any, any, {}>>;
+    getMenuTree: () => Promise< AxiosResponse<any, any, {}>>;
+    getMenuUserMenuList: () => Promise< AxiosResponse<any, any, {}>>;
+    addUserMenu: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    setNoticeRead: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    getNoticeTitle: () => Promise< AxiosResponse<any, any, {}>>;
+    getNoticeUnReadList: () => Promise< AxiosResponse<any, any, {}>>;
+    NoticePageReceived: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    getUpgradeLastUnRead: () => Promise< AxiosResponse<any, any, {}>>;
+    getUserInfo: () => Promise< AxiosResponse<any, any, {}>>;
+    getUserRoleTableList: () => Promise< AxiosResponse<any, any, {}>>;
+    getConstList: () => Promise< AxiosResponse<any, any, {}>>;
+    getPosList: () => Promise< AxiosResponse<any, any, {}>>;
+    getOwnRoleListById: (userid: any) => Promise< AxiosResponse<any, any, {}>>;
+    getRoleList: () => Promise< AxiosResponse<any, any, {}>>;
+    getSysOrgChildTreePidLevel: (pid: any, level: any) => Promise< AxiosResponse<any, any, {}>>;
+    getOrgList: (params: any) => Promise< AxiosResponse<any, any, {}>>;
+    getUserBaseInfo: () => Promise< AxiosResponse<any, any, {}>>;
+    getOwnExtOrgListByid: (userid: any) => Promise< AxiosResponse<any, any, {}>>;
+    getAllDictList: () => Promise< AxiosResponse<any, any, {}>>;
+    verifyPwdExpirationTime: () => Promise< AxiosResponse<any, any, {}>>;
+    changePwd: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    resetPwd: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    unlockLogin: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    changeToken: (data: any) => Promise< AxiosResponse<any, any, {}>>;
+    Logout: () => Promise< AxiosResponse<any, any, {}>>;
+    unLockScreen: (password: any) => Promise< AxiosResponse<any, any, {}>>;
+    getOnlineUserList: (data: any) => Promise< AxiosResponse<any, any, {}>>;
 };
 /**
  * 包装 Promise 并返回 [Error, any]

package/es/core/index.d.ts

@@ -10,5 +10,6 @@ export * from './auth';
 export * from './hook/dateTimeShortCust';
 export * from './hook/useVxeTableOptionsHook';
 export * from './hook/useChart';
+export * from './plugins';
 export * from './utils/cityparess';
 export * from './types';

package/es/core/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from './echarts';

package/es/core/ui/components/fmHBarChart/index.vue.d.ts

@@ -0,0 +1,21 @@
+import { BarChartProps, BarDataItem, LegendPosition } from '../../../types/chart';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<BarChartProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
+    data: number[] | BarDataItem[];
+    height: string;
+    xAxisData: string[];
+    barWidth: string | number;
+    stack: boolean;
+    loading: boolean;
+    isEmpty: boolean;
+    colors: string[];
+    showAxisLabel: boolean;
+    showAxisLine: boolean;
+    showSplitLine: boolean;
+    showTooltip: boolean;
+    showLegend: boolean;
+    legendPosition: LegendPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/core/ui/components/index.d.ts

@@ -4,6 +4,7 @@ import { TreeKey } from 'element-plus';
 import { TQueryConditionProps } from './querycondition/type';
 import { FmSelectTableProps } from './selecttable/type';
 import { FmButtonSelfProps } from './fmbutton/type';
+import { BarChartProps, BarDataItem, LegendPosition } from 'fm-dev';
 export * from './selecttable/type';
 export * from './selecttable/ClickOutside';
 export * from './fmbutton/type';
@@ -2329,4 +2330,22 @@ declare const FmAddressParsing: DefineComponent<ExtractPropTypes<{
     fcity: string;
     fcounty: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, Fminputtable, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing, elSvg };
+declare const FmHBarChart: DefineComponent<BarChartProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< BarChartProps> & Readonly<{}>, {
+    data: number[] | BarDataItem[];
+    height: string;
+    xAxisData: string[];
+    barWidth: string | number;
+    stack: boolean;
+    loading: boolean;
+    isEmpty: boolean;
+    colors: string[];
+    showAxisLabel: boolean;
+    showAxisLine: boolean;
+    showSplitLine: boolean;
+    showTooltip: boolean;
+    showLegend: boolean;
+    legendPosition: LegendPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, HTMLDivElement>;
+export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, Fminputtable, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing, FmHBarChart, elSvg };

package/es/index.mjs

@@ -3,7 +3,7 @@ export { default as emitter } from './packages/core/utils/emit/index.mjs';
 export { default as setIntroduction } from './packages/core/utils/comm/setIconfont.mjs';
 import './packages/core/index.mjs';
 export { version } from './version.mjs';
-export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect } from './packages/core/ui/components/index.mjs';
+export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmHBarChart, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect } from './packages/core/ui/components/index.mjs';
 export { elSvg } from './packages/core/ui/components/svgIcon/index.mjs';
 export { FmLogin } from './packages/core/ui/login/index.mjs';
 export { NextLoading } from './packages/core/ui/loading/index.mjs';
@@ -39,6 +39,9 @@ export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './packages/core/a
 export { useDateTimeShortCust } from './packages/core/hook/dateTimeShortCust.mjs';
 export { useVxeTable } from './packages/core/hook/useVxeTableOptionsHook.mjs';
 export { useChart, useChartComponent, useChartOps } from './packages/core/hook/useChart.mjs';
+import * as core from './node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/core.mjs';
+export { core as echarts };
+export { graphic } from './packages/core/plugins/echarts.mjs';
 export { addressparsing } from './packages/core/utils/cityparess/index.mjs';
 
 const install = installer.install;

package/es/packages/core/hook/useChart.mjs

@@ -72,6 +72,8 @@ function useChart(options = {}) {
   let menuOpenStopHandle = null;
   let menuTypeStopHandle = null;
   const setupMenuWatchers = () => {
+    nextTick(requestAnimationResize);
+    setTimeout(() => multiDelayResize(MENU_RESIZE_DELAYS), 0);
   };
   const cleanupMenuWatchers = () => {
     menuOpenStopHandle?.();

package/es/packages/core/index.mjs

@@ -1,4 +1,4 @@
-export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect } from './ui/components/index.mjs';
+export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmHBarChart, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect } from './ui/components/index.mjs';
 export { FmLogin } from './ui/login/index.mjs';
 export { NextLoading } from './ui/loading/index.mjs';
 export { AccountTypeEnum, HttpMethodEnum, JobCreateTypeEnum } from './api/index.mjs';
@@ -10,6 +10,7 @@ export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './auth/index.mjs'
 export { useDateTimeShortCust } from './hook/dateTimeShortCust.mjs';
 export { useVxeTable } from './hook/useVxeTableOptionsHook.mjs';
 export { useChart, useChartComponent, useChartOps } from './hook/useChart.mjs';
+import './plugins/index.mjs';
 export { addressparsing } from './utils/cityparess/index.mjs';
 import './types/index.mjs';
 export { elSvg } from './ui/components/svgIcon/index.mjs';
@@ -38,3 +39,6 @@ export { AppItem, getAppItemData, getAppItemText } from './utils/comm/gloabdata.
 export { default as commonFunction } from './utils/comm/commonFunction.mjs';
 export { commonFunctionObj } from './utils/comm/index.mjs';
 export { PUB } from './utils/const/index.mjs';
+import * as core from '../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/core.mjs';
+export { core as echarts };
+export { graphic } from './plugins/echarts.mjs';

package/es/packages/core/plugins/index.mjs

@@ -0,0 +1,3 @@
+export { graphic } from './echarts.mjs';
+import * as core from '../../../node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/core.mjs';
+export { core as echarts };

package/es/packages/core/ui/components/fmHBarChart/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmHBarChart/index.vue2.mjs

@@ -0,0 +1,169 @@
+import { defineComponent, computed, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeStyle } from 'vue';
+import { useChartComponent, useChartOps } from '../../../hook/useChart.mjs';
+import { graphic } from '../../../plugins/echarts.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FmHBarChart" },
+  __name: "index",
+  props: {
+    data: { default: () => [0, 0, 0, 0, 0, 0, 0] },
+    xAxisData: { default: () => [] },
+    barWidth: { default: "36%" },
+    stack: { type: Boolean, default: false },
+    borderRadius: {},
+    height: { default: useChartOps().chartHeight },
+    loading: { type: Boolean, default: false },
+    isEmpty: { type: Boolean, default: false },
+    colors: { default: () => useChartOps().colors },
+    showAxisLabel: { type: Boolean, default: true },
+    showAxisLine: { type: Boolean, default: true },
+    showSplitLine: { type: Boolean, default: true },
+    showTooltip: { type: Boolean, default: true },
+    showLegend: { type: Boolean, default: false },
+    legendPosition: { default: "bottom" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isMultipleData = computed(() => {
+      return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === "object" && "name" in props.data[0];
+    });
+    const getColor = (customColor, index) => {
+      if (customColor) return customColor;
+      if (index !== void 0) {
+        return props.colors[index % props.colors.length];
+      }
+      return new graphic.LinearGradient(0, 0, 1, 0, [
+        {
+          offset: 0,
+          color: "#4ABEFF"
+        },
+        {
+          offset: 1,
+          color: "#00E4E5"
+        }
+      ]);
+    };
+    const createGradientColor = (color) => {
+      return new graphic.LinearGradient(0, 0, 1, 0, [
+        {
+          offset: 0,
+          color
+        },
+        {
+          offset: 1,
+          color
+        }
+      ]);
+    };
+    const getBaseItemStyle = (color) => ({
+      borderRadius: 4,
+      color: typeof color === "string" ? createGradientColor(color) : color
+    });
+    const createSeriesItem = (config) => {
+      const animationConfig = getAnimationConfig();
+      return {
+        name: config.name,
+        data: config.data,
+        type: "bar",
+        stack: config.stack,
+        itemStyle: getBaseItemStyle(config.color),
+        barWidth: config.barWidth || props.barWidth,
+        ...animationConfig
+      };
+    };
+    const {
+      chartRef,
+      getAxisLineStyle,
+      getAxisLabelStyle,
+      getAxisTickStyle,
+      getSplitLineStyle,
+      getAnimationConfig,
+      getTooltipStyle,
+      getLegendStyle,
+      getGridWithLegend
+    } = useChartComponent({
+      props,
+      checkEmpty: () => {
+        if (Array.isArray(props.data) && typeof props.data[0] === "number") {
+          const singleData = props.data;
+          return !singleData.length || singleData.every((val) => val === 0);
+        }
+        if (Array.isArray(props.data) && typeof props.data[0] === "object") {
+          const multiData = props.data;
+          return !multiData.length || multiData.every((item) => !item.data?.length || item.data.every((val) => val === 0));
+        }
+        return true;
+      },
+      watchSources: [() => props.data, () => props.xAxisData, () => props.colors],
+      generateOptions: () => {
+        const options = {
+          grid: getGridWithLegend(props.showLegend && isMultipleData.value, props.legendPosition, {
+            top: 15,
+            right: 0,
+            left: 0
+          }),
+          tooltip: props.showTooltip ? getTooltipStyle() : void 0,
+          xAxis: {
+            type: "value",
+            axisTick: getAxisTickStyle(),
+            axisLine: getAxisLineStyle(props.showAxisLine),
+            axisLabel: getAxisLabelStyle(props.showAxisLabel),
+            splitLine: getSplitLineStyle(props.showSplitLine)
+          },
+          yAxis: {
+            type: "category",
+            data: props.xAxisData,
+            axisTick: getAxisTickStyle(),
+            axisLabel: getAxisLabelStyle(props.showAxisLabel),
+            axisLine: getAxisLineStyle(props.showAxisLine)
+          }
+        };
+        if (props.showLegend && isMultipleData.value) {
+          options.legend = getLegendStyle(props.legendPosition);
+        }
+        if (isMultipleData.value) {
+          const multiData = props.data;
+          options.series = multiData.map((item, index) => {
+            const computedColor = getColor(props.colors[index], index);
+            return createSeriesItem({
+              name: item.name,
+              data: item.data,
+              color: computedColor,
+              barWidth: item.barWidth,
+              stack: props.stack ? item.stack || "total" : void 0
+            });
+          });
+        } else {
+          const singleData = props.data;
+          const computedColor = getColor();
+          options.series = [
+            createSeriesItem({
+              data: singleData,
+              color: computedColor
+            })
+          ];
+        }
+        return options;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "relative w-full",
+          style: normalizeStyle({ height: props.height })
+        },
+        null,
+        4
+        /* STYLE */
+      )), [
+        [_directive_loading, props.loading]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/index.mjs

@@ -14,6 +14,7 @@ import './selecttable/index.vue.mjs';
 import './selecttable/renderCol.vue.mjs';
 import './fmbutton/index.vue.mjs';
 import './fmaddressparsing/index.vue.mjs';
+import './fmHBarChart/index.vue.mjs';
 import './selecttable/type.mjs';
 import './selecttable/ClickOutside.mjs';
 import './fmbutton/type.mjs';
@@ -32,6 +33,7 @@ import _sfc_main$a from './selecttable/index.vue2.mjs';
 import _sfc_main$b from './selecttable/renderCol.vue2.mjs';
 import _sfc_main$c from './fmbutton/index.vue2.mjs';
 import _sfc_main$d from './fmaddressparsing/index.vue2.mjs';
+import _sfc_main$e from './fmHBarChart/index.vue2.mjs';
 
 const FmTransfer = _sfc_main;
 const FmNoticeBar = _sfc_main$1;
@@ -49,5 +51,6 @@ const FmSelectTable = _sfc_main$a;
 const FmRenderCol = _sfc_main$b;
 const FmButton = _sfc_main$c;
 const FmAddressParsing = _sfc_main$d;
+const FmHBarChart = _sfc_main$e;
 
-export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect };
+export { FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmHBarChart, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect };