@falcon-ui/falcon-ui 1.0.0

package/esm/components/barcode/index.mjs

@@ -0,0 +1,204 @@
+import { n as __toDynamicImportESM } from "./chunk--em_ddB3.js";
+import { createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, unref, useAttrs, watch } from "vue";
+const flBarcodeFormats = [
+	"CODE128",
+	"CODE39",
+	"EAN13",
+	"EAN8",
+	"UPCA",
+	"UPCE"
+];
+const flBarcodeTextAligns = [
+	"left",
+	"center",
+	"right"
+];
+const flBarcodeTextPositions = ["top", "bottom"];
+var barcode_default$1 = /* @__PURE__ */ defineComponent({
+	name: "FlBarcode",
+	inheritAttrs: false,
+	__name: "barcode",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		format: {
+			type: String,
+			default: "CODE128",
+			validator: (value) => flBarcodeFormats.includes(value)
+		},
+		width: {
+			type: Number,
+			default: 2
+		},
+		height: {
+			type: Number,
+			default: 100
+		},
+		color: {
+			type: String,
+			default: "#000000"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#ffffff"
+		},
+		displayValue: {
+			type: Boolean,
+			default: true
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		font: {
+			type: String,
+			default: "monospace"
+		},
+		fontOptions: {
+			type: String,
+			default: ""
+		},
+		fontSize: {
+			type: Number,
+			default: 20
+		},
+		textAlign: {
+			type: String,
+			default: "center",
+			validator: (value) => flBarcodeTextAligns.includes(value)
+		},
+		textPosition: {
+			type: String,
+			default: "bottom",
+			validator: (value) => flBarcodeTextPositions.includes(value)
+		},
+		textMargin: {
+			type: Number,
+			default: 2
+		},
+		margin: {
+			type: Number,
+			default: 10
+		},
+		marginTop: {
+			type: Number,
+			default: void 0
+		},
+		marginRight: {
+			type: Number,
+			default: void 0
+		},
+		marginBottom: {
+			type: Number,
+			default: void 0
+		},
+		marginLeft: {
+			type: Number,
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const svgRef = ref(null);
+		let renderVersion = 0;
+		let jsBarcodeModulePromise = null;
+		const clearSvg = (svg) => {
+			svg.innerHTML = "";
+		};
+		const resolveFormat = (format) => {
+			const normalized = String(format).toUpperCase();
+			if (normalized === "UPCA") return "UPC";
+			return normalized;
+		};
+		const buildOptions = () => {
+			const options = {
+				format: resolveFormat(props.format),
+				width: props.width,
+				height: props.height,
+				lineColor: props.color,
+				background: props.backgroundColor,
+				displayValue: props.displayValue,
+				text: props.text === "" ? void 0 : props.text,
+				font: props.font,
+				fontOptions: props.fontOptions,
+				fontSize: props.fontSize,
+				textAlign: props.textAlign,
+				textPosition: props.textPosition,
+				textMargin: props.textMargin,
+				margin: props.margin
+			};
+			if (props.marginTop !== void 0) options.marginTop = props.marginTop;
+			if (props.marginRight !== void 0) options.marginRight = props.marginRight;
+			if (props.marginBottom !== void 0) options.marginBottom = props.marginBottom;
+			if (props.marginLeft !== void 0) options.marginLeft = props.marginLeft;
+			return options;
+		};
+		const loadJsBarcode = async () => {
+			if (!jsBarcodeModulePromise) jsBarcodeModulePromise = import("./JsBarcode-C5ux6wsb.js").then(__toDynamicImportESM());
+			return (await jsBarcodeModulePromise).default;
+		};
+		const renderBarcode = async () => {
+			const currentVersion = ++renderVersion;
+			const svg = svgRef.value;
+			if (!svg) return;
+			clearSvg(svg);
+			if (props.value === "") return;
+			const JsBarcode = await loadJsBarcode();
+			if (currentVersion !== renderVersion) return;
+			JsBarcode(svg, props.value, buildOptions());
+		};
+		const watchSources = () => [
+			props.value,
+			props.format,
+			props.width,
+			props.height,
+			props.color,
+			props.backgroundColor,
+			props.displayValue,
+			props.text,
+			props.font,
+			props.fontOptions,
+			props.fontSize,
+			props.textAlign,
+			props.textPosition,
+			props.textMargin,
+			props.margin,
+			props.marginTop,
+			props.marginRight,
+			props.marginBottom,
+			props.marginLeft
+		];
+		onMounted(() => {
+			renderBarcode();
+		});
+		watch(watchSources, () => {
+			renderBarcode();
+		}, { flush: "post" });
+		onBeforeUnmount(() => {
+			renderVersion += 1;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", mergeProps({
+				ref_key: "svgRef",
+				ref: svgRef,
+				class: "fl-barcode"
+			}, unref(attrs)), null, 16);
+		};
+	}
+});
+const withInstall = (component) => {
+	const installable = component;
+	installable.install = (app) => {
+		if (!component.name) return;
+		app.component(component.name, component);
+	};
+	return installable;
+};
+const FlBarcode = withInstall(barcode_default$1);
+var barcode_default = FlBarcode;
+export { FlBarcode, barcode_default as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/components/barcode/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/barcode/src/barcode.ts","../../../../../packages/components/barcode/src/barcode.vue","../../../../../packages/components/barcode/src/barcode.vue","../../../../../packages/utils/src/install.ts","../../../../../packages/components/barcode/index.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, PropType } from 'vue'\r\n\r\nexport const flBarcodeFormats = ['CODE128', 'CODE39', 'EAN13', 'EAN8', 'UPCA', 'UPCE'] as const\r\n\r\nexport type FlBarcodeFormat = (typeof flBarcodeFormats)[number]\r\n\r\nexport const flBarcodeTextAligns = ['left', 'center', 'right'] as const\r\n\r\nexport type FlBarcodeTextAlign = (typeof flBarcodeTextAligns)[number]\r\n\r\nexport const flBarcodeTextPositions = ['top', 'bottom'] as const\r\n\r\nexport type FlBarcodeTextPosition = (typeof flBarcodeTextPositions)[number]\r\n\r\nexport const flBarcodeProps = {\r\n  /**\r\n   * Barcode payload.\r\n   */\r\n  value: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Supported barcode format.\r\n   */\r\n  format: {\r\n    type: String as PropType<FlBarcodeFormat>,\r\n    default: 'CODE128',\r\n    validator: (value: string) => flBarcodeFormats.includes(value as FlBarcodeFormat)\r\n  },\r\n  /**\r\n   * Width of each bar.\r\n   */\r\n  width: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Barcode height.\r\n   */\r\n  height: {\r\n    type: Number,\r\n    default: 100\r\n  },\r\n  /**\r\n   * Bar color.\r\n   */\r\n  color: {\r\n    type: String,\r\n    default: '#000000'\r\n  },\r\n  /**\r\n   * Background color.\r\n   */\r\n  backgroundColor: {\r\n    type: String,\r\n    default: '#ffffff'\r\n  },\r\n  /**\r\n   * Whether to display readable text.\r\n   */\r\n  displayValue: {\r\n    type: Boolean,\r\n    default: true\r\n  },\r\n  /**\r\n   * Custom text. Falls back to value when empty.\r\n   */\r\n  text: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font family.\r\n   */\r\n  font: {\r\n    type: String,\r\n    default: 'monospace'\r\n  },\r\n  /**\r\n   * Text font style flags.\r\n   */\r\n  fontOptions: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * Text font size.\r\n   */\r\n  fontSize: {\r\n    type: Number,\r\n    default: 20\r\n  },\r\n  /**\r\n   * Text alignment.\r\n   */\r\n  textAlign: {\r\n    type: String as PropType<FlBarcodeTextAlign>,\r\n    default: 'center',\r\n    validator: (value: string) => flBarcodeTextAligns.includes(value as FlBarcodeTextAlign)\r\n  },\r\n  /**\r\n   * Text position.\r\n   */\r\n  textPosition: {\r\n    type: String as PropType<FlBarcodeTextPosition>,\r\n    default: 'bottom',\r\n    validator: (value: string) => flBarcodeTextPositions.includes(value as FlBarcodeTextPosition)\r\n  },\r\n  /**\r\n   * Distance between barcode bars and text.\r\n   */\r\n  textMargin: {\r\n    type: Number,\r\n    default: 2\r\n  },\r\n  /**\r\n   * Global margin around the barcode.\r\n   */\r\n  margin: {\r\n    type: Number,\r\n    default: 10\r\n  },\r\n  /**\r\n   * Overrides the top margin when provided.\r\n   */\r\n  marginTop: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the right margin when provided.\r\n   */\r\n  marginRight: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the bottom margin when provided.\r\n   */\r\n  marginBottom: {\r\n    type: Number,\r\n    default: undefined\r\n  },\r\n  /**\r\n   * Overrides the left margin when provided.\r\n   */\r\n  marginLeft: {\r\n    type: Number,\r\n    default: undefined\r\n  }\r\n} as const\r\n\r\nexport type FlBarcodeProps = ExtractPublicPropTypes<typeof flBarcodeProps>\r\n\r\nexport type BarcodeProps = FlBarcodeProps\r\n","<template>\r\n  <svg ref=\"svgRef\" class=\"fl-barcode\" v-bind=\"attrs\"></svg>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, onMounted, ref, useAttrs, watch } from 'vue'\r\nimport { flBarcodeProps } from './barcode'\r\nimport type { FlBarcodeFormat } from './barcode'\r\n\r\ndefineOptions({\r\n  name: 'FlBarcode',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype JsBarcodeRenderer = (\r\n  element: SVGSVGElement,\r\n  value: string,\r\n  options: Record<string, unknown>\r\n) => void\r\n\r\ntype JsBarcodeModule = {\r\n  default: JsBarcodeRenderer\r\n}\r\n\r\nconst props = defineProps(flBarcodeProps)\r\nconst attrs = useAttrs()\r\nconst svgRef = ref<SVGSVGElement | null>(null)\r\n\r\nlet renderVersion = 0\r\nlet jsBarcodeModulePromise: Promise<JsBarcodeModule> | null = null\r\n\r\nconst clearSvg = (svg: SVGSVGElement) => {\r\n  svg.innerHTML = ''\r\n}\r\n\r\nconst resolveFormat = (format: FlBarcodeFormat): string => {\r\n  const normalized = String(format).toUpperCase()\r\n\r\n  if (normalized === 'UPCA') {\r\n    return 'UPC'\r\n  }\r\n\r\n  return normalized\r\n}\r\n\r\nconst buildOptions = (): Record<string, unknown> => {\r\n  const options: Record<string, unknown> = {\r\n    format: resolveFormat(props.format),\r\n    width: props.width,\r\n    height: props.height,\r\n    lineColor: props.color,\r\n    background: props.backgroundColor,\r\n    displayValue: props.displayValue,\r\n    text: props.text === '' ? undefined : props.text,\r\n    font: props.font,\r\n    fontOptions: props.fontOptions,\r\n    fontSize: props.fontSize,\r\n    textAlign: props.textAlign,\r\n    textPosition: props.textPosition,\r\n    textMargin: props.textMargin,\r\n    margin: props.margin\r\n  }\r\n\r\n  if (props.marginTop !== undefined) {\r\n    options.marginTop = props.marginTop\r\n  }\r\n\r\n  if (props.marginRight !== undefined) {\r\n    options.marginRight = props.marginRight\r\n  }\r\n\r\n  if (props.marginBottom !== undefined) {\r\n    options.marginBottom = props.marginBottom\r\n  }\r\n\r\n  if (props.marginLeft !== undefined) {\r\n    options.marginLeft = props.marginLeft\r\n  }\r\n\r\n  return options\r\n}\r\n\r\nconst loadJsBarcode = async (): Promise<JsBarcodeRenderer> => {\r\n  if (!jsBarcodeModulePromise) {\r\n    jsBarcodeModulePromise = import('jsbarcode') as Promise<JsBarcodeModule>\r\n  }\r\n\r\n  const module = await jsBarcodeModulePromise\r\n  return module.default\r\n}\r\n\r\nconst renderBarcode = async () => {\r\n  const currentVersion = ++renderVersion\r\n  const svg = svgRef.value\r\n\r\n  if (!svg) {\r\n    return\r\n  }\r\n\r\n  clearSvg(svg)\r\n\r\n  if (props.value === '') {\r\n    return\r\n  }\r\n\r\n  const JsBarcode = await loadJsBarcode()\r\n  if (currentVersion !== renderVersion) {\r\n    return\r\n  }\r\n\r\n  JsBarcode(svg, props.value, buildOptions())\r\n}\r\n\r\nconst watchSources = () => [\r\n  props.value,\r\n  props.format,\r\n  props.width,\r\n  props.height,\r\n  props.color,\r\n  props.backgroundColor,\r\n  props.displayValue,\r\n  props.text,\r\n  props.font,\r\n  props.fontOptions,\r\n  props.fontSize,\r\n  props.textAlign,\r\n  props.textPosition,\r\n  props.textMargin,\r\n  props.margin,\r\n  props.marginTop,\r\n  props.marginRight,\r\n  props.marginBottom,\r\n  props.marginLeft\r\n]\r\n\r\nonMounted(() => {\r\n  void renderBarcode()\r\n})\r\n\r\nwatch(\r\n  watchSources,\r\n  () => {\r\n    void renderBarcode()\r\n  },\r\n  { flush: 'post' }\r\n)\r\n\r\nonBeforeUnmount(() => {\r\n  renderVersion += 1\r\n})\r\n</script>\r\n","<template>\r\n  <svg ref=\"svgRef\" class=\"fl-barcode\" v-bind=\"attrs\"></svg>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, onMounted, ref, useAttrs, watch } from 'vue'\r\nimport { flBarcodeProps } from './barcode'\r\nimport type { FlBarcodeFormat } from './barcode'\r\n\r\ndefineOptions({\r\n  name: 'FlBarcode',\r\n  inheritAttrs: false\r\n})\r\n\r\ntype JsBarcodeRenderer = (\r\n  element: SVGSVGElement,\r\n  value: string,\r\n  options: Record<string, unknown>\r\n) => void\r\n\r\ntype JsBarcodeModule = {\r\n  default: JsBarcodeRenderer\r\n}\r\n\r\nconst props = defineProps(flBarcodeProps)\r\nconst attrs = useAttrs()\r\nconst svgRef = ref<SVGSVGElement | null>(null)\r\n\r\nlet renderVersion = 0\r\nlet jsBarcodeModulePromise: Promise<JsBarcodeModule> | null = null\r\n\r\nconst clearSvg = (svg: SVGSVGElement) => {\r\n  svg.innerHTML = ''\r\n}\r\n\r\nconst resolveFormat = (format: FlBarcodeFormat): string => {\r\n  const normalized = String(format).toUpperCase()\r\n\r\n  if (normalized === 'UPCA') {\r\n    return 'UPC'\r\n  }\r\n\r\n  return normalized\r\n}\r\n\r\nconst buildOptions = (): Record<string, unknown> => {\r\n  const options: Record<string, unknown> = {\r\n    format: resolveFormat(props.format),\r\n    width: props.width,\r\n    height: props.height,\r\n    lineColor: props.color,\r\n    background: props.backgroundColor,\r\n    displayValue: props.displayValue,\r\n    text: props.text === '' ? undefined : props.text,\r\n    font: props.font,\r\n    fontOptions: props.fontOptions,\r\n    fontSize: props.fontSize,\r\n    textAlign: props.textAlign,\r\n    textPosition: props.textPosition,\r\n    textMargin: props.textMargin,\r\n    margin: props.margin\r\n  }\r\n\r\n  if (props.marginTop !== undefined) {\r\n    options.marginTop = props.marginTop\r\n  }\r\n\r\n  if (props.marginRight !== undefined) {\r\n    options.marginRight = props.marginRight\r\n  }\r\n\r\n  if (props.marginBottom !== undefined) {\r\n    options.marginBottom = props.marginBottom\r\n  }\r\n\r\n  if (props.marginLeft !== undefined) {\r\n    options.marginLeft = props.marginLeft\r\n  }\r\n\r\n  return options\r\n}\r\n\r\nconst loadJsBarcode = async (): Promise<JsBarcodeRenderer> => {\r\n  if (!jsBarcodeModulePromise) {\r\n    jsBarcodeModulePromise = import('jsbarcode') as Promise<JsBarcodeModule>\r\n  }\r\n\r\n  const module = await jsBarcodeModulePromise\r\n  return module.default\r\n}\r\n\r\nconst renderBarcode = async () => {\r\n  const currentVersion = ++renderVersion\r\n  const svg = svgRef.value\r\n\r\n  if (!svg) {\r\n    return\r\n  }\r\n\r\n  clearSvg(svg)\r\n\r\n  if (props.value === '') {\r\n    return\r\n  }\r\n\r\n  const JsBarcode = await loadJsBarcode()\r\n  if (currentVersion !== renderVersion) {\r\n    return\r\n  }\r\n\r\n  JsBarcode(svg, props.value, buildOptions())\r\n}\r\n\r\nconst watchSources = () => [\r\n  props.value,\r\n  props.format,\r\n  props.width,\r\n  props.height,\r\n  props.color,\r\n  props.backgroundColor,\r\n  props.displayValue,\r\n  props.text,\r\n  props.font,\r\n  props.fontOptions,\r\n  props.fontSize,\r\n  props.textAlign,\r\n  props.textPosition,\r\n  props.textMargin,\r\n  props.margin,\r\n  props.marginTop,\r\n  props.marginRight,\r\n  props.marginBottom,\r\n  props.marginLeft\r\n]\r\n\r\nonMounted(() => {\r\n  void renderBarcode()\r\n})\r\n\r\nwatch(\r\n  watchSources,\r\n  () => {\r\n    void renderBarcode()\r\n  },\r\n  { flush: 'post' }\r\n)\r\n\r\nonBeforeUnmount(() => {\r\n  renderVersion += 1\r\n})\r\n</script>\r\n","import type { App, Plugin } from 'vue'\r\n\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T extends { name?: string }>(component: T): SFCWithInstall<T> => {\r\n  const installable = component as SFCWithInstall<T>\r\n\r\n  installable.install = (app: App) => {\r\n    if (!component.name) {\r\n      return\r\n    }\r\n\r\n    app.component(component.name, component as unknown as object)\r\n  }\r\n\r\n  return installable\r\n}\r\n","import Barcode from './src/barcode.vue'\r\nimport { withInstall } from '@falcon-ui/utils'\r\n\r\nexport const FlBarcode = withInstall(Barcode)\r\n\r\nexport default FlBarcode\r\n\r\nexport type {\r\n  BarcodeProps,\r\n  FlBarcodeFormat,\r\n  FlBarcodeProps,\r\n  FlBarcodeTextAlign,\r\n  FlBarcodeTextPosition\r\n} from './src/barcode'\r\n"],"mappings":"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"}