@varlet/ui 3.5.4 → 3.6.0-alpha.1728498016952

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/code/Code.mjs

@@ -0,0 +1,67 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { computed, defineComponent, ref, watch } from "vue";
+import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { injectHighlighterProvider } from "../highlighter-provider/provide.mjs";
+const { name, n, classes } = createNamespace("code");
+import { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["innerHTML"];
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.wordWrap, _ctx.n("--word-wrap")])),
+    innerHTML: _ctx.highlightedCode
+  }, null, 10, _hoisted_1);
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const { highlighter, theme } = injectHighlighterProvider();
+    const highlightedCode = ref("");
+    const normalizedTheme = computed(() => {
+      var _a;
+      return (_a = props2.theme) != null ? _a : theme == null ? void 0 : theme.value;
+    });
+    if (highlighter) {
+      watch(
+        () => [highlighter.value, props2.code, props2.language, normalizedTheme.value],
+        (_0) => __async(this, [_0], function* ([highlighter2, code, lang, theme2]) {
+          if (!highlighter2) {
+            return;
+          }
+          highlightedCode.value = yield highlighter2.codeToHtml(code, { lang, theme: theme2 });
+        }),
+        { immediate: true }
+      );
+    }
+    return {
+      n,
+      classes,
+      highlightedCode
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/code/code.css

@@ -0,0 +1 @@
+:root { --code-font-size: 14px; --code-line-height: 1.7;}.var-code { width: 100%; line-height: var(--code-line-height); font-size: var(--code-font-size);}.var-code pre { width: 100%; margin: 0; overflow: auto; background-color: transparent !important;}.var-code--word-wrap pre { white-space: pre-wrap; word-break: break-all;}

package/es/code/index.mjs

@@ -0,0 +1,12 @@
+import Code from "./Code.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as codeProps } from "./props.mjs";
+withInstall(Code);
+withPropsDefaultsSetter(Code, codeProps);
+const _CodeComponent = Code;
+var stdin_default = Code;
+export {
+  _CodeComponent,
+  codeProps,
+  stdin_default as default
+};

package/es/code/props.mjs

@@ -0,0 +1,16 @@
+const props = {
+  code: {
+    type: String,
+    default: ""
+  },
+  language: {
+    type: String
+  },
+  theme: {
+    type: String
+  },
+  wordWrap: Boolean
+};
+export {
+  props
+};

package/es/code/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../code.css'
+import '../CodeSfc.css'

package/es/highlighter-provider/HighlighterProvider.mjs

@@ -0,0 +1,26 @@
+import { computed, defineComponent, h } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { call } from "@varlet/shared";
+import { provideHighlighterProvider } from "./provide.mjs";
+const { name, n } = createNamespace("highlighter-provider");
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2, { slots }) {
+    const highlighter = computed(() => props2.highlighter);
+    const theme = computed(() => props2.theme);
+    provideHighlighterProvider({ highlighter, theme });
+    return () => h(
+      props2.tag,
+      {
+        class: n()
+      },
+      call(slots.default)
+    );
+  }
+});
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/highlighter-provider/index.mjs

@@ -0,0 +1,11 @@
+import HighlighterProvider from "./HighlighterProvider.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as highlighterProviderProps } from "./props.mjs";
+withInstall(HighlighterProvider);
+withPropsDefaultsSetter(HighlighterProvider, highlighterProviderProps);
+const _HighlighterProviderComponent = HighlighterProvider;
+var stdin_default = HighlighterProvider;
+export {
+  _HighlighterProviderComponent,
+  stdin_default as default
+};

package/es/highlighter-provider/props.mjs

@@ -0,0 +1,11 @@
+const props = {
+  highlighter: Object,
+  theme: String,
+  tag: {
+    type: String,
+    default: "div"
+  }
+};
+export {
+  props
+};

package/es/highlighter-provider/provide.mjs

@@ -0,0 +1,17 @@
+import { keyInProvides } from "@varlet/use";
+import { inject, provide } from "vue";
+const HIGHLIGHTER_PROVIDER_KEY = Symbol("HIGHLIGHTER_PROVIDER_KEY");
+function provideHighlighterProvider(highlighterProvider) {
+  provide(HIGHLIGHTER_PROVIDER_KEY, highlighterProvider);
+}
+function injectHighlighterProvider() {
+  if (!keyInProvides(HIGHLIGHTER_PROVIDER_KEY)) {
+    return { highlighter: null, theme: null };
+  }
+  return inject(HIGHLIGHTER_PROVIDER_KEY);
+}
+export {
+  HIGHLIGHTER_PROVIDER_KEY,
+  injectHighlighterProvider,
+  provideHighlighterProvider
+};

package/es/index.bundle.mjs

@@ -16,6 +16,7 @@ import Cell from './cell/index.mjs'
 import Checkbox from './checkbox/index.mjs'
 import CheckboxGroup from './checkbox-group/index.mjs'
 import Chip from './chip/index.mjs'
+import Code from './code/index.mjs'
 import Col from './col/index.mjs'
 import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
@@ -33,6 +34,7 @@ import FieldDecorator from './field-decorator/index.mjs'
 import FloatingPanel from './floating-panel/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
+import HighlighterProvider from './highlighter-provider/index.mjs'
 import Hover from './hover/index.mjs'
 import HoverOverlay from './hover-overlay/index.mjs'
 import Icon from './icon/index.mjs'
@@ -106,6 +108,7 @@ export * from './cell/index.mjs'
 export * from './checkbox/index.mjs'
 export * from './checkbox-group/index.mjs'
 export * from './chip/index.mjs'
+export * from './code/index.mjs'
 export * from './col/index.mjs'
 export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
@@ -123,6 +126,7 @@ export * from './field-decorator/index.mjs'
 export * from './floating-panel/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
+export * from './highlighter-provider/index.mjs'
 export * from './hover/index.mjs'
 export * from './hover-overlay/index.mjs'
 export * from './icon/index.mjs'
@@ -196,6 +200,7 @@ import './cell/style/index.mjs'
 import './checkbox/style/index.mjs'
 import './checkbox-group/style/index.mjs'
 import './chip/style/index.mjs'
+import './code/style/index.mjs'
 import './col/style/index.mjs'
 import './collapse/style/index.mjs'
 import './collapse-item/style/index.mjs'
@@ -213,6 +218,7 @@ import './field-decorator/style/index.mjs'
 import './floating-panel/style/index.mjs'
 import './form/style/index.mjs'
 import './form-details/style/index.mjs'
+import './highlighter-provider/style/index.mjs'
 import './hover/style/index.mjs'
 import './hover-overlay/style/index.mjs'
 import './icon/style/index.mjs'
@@ -268,7 +274,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.5.4'
+const version = '3.6.0-alpha.1728498016952'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -289,6 +295,7 @@ function install(app) {
   Checkbox.install && app.use(Checkbox)
   CheckboxGroup.install && app.use(CheckboxGroup)
   Chip.install && app.use(Chip)
+  Code.install && app.use(Code)
   Col.install && app.use(Col)
   Collapse.install && app.use(Collapse)
   CollapseItem.install && app.use(CollapseItem)
@@ -306,6 +313,7 @@ function install(app) {
   FloatingPanel.install && app.use(FloatingPanel)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
+  HighlighterProvider.install && app.use(HighlighterProvider)
   Hover.install && app.use(Hover)
   HoverOverlay.install && app.use(HoverOverlay)
   Icon.install && app.use(Icon)
@@ -383,6 +391,7 @@ export {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -400,6 +409,7 @@ export {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,
@@ -477,6 +487,7 @@ export default {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -494,6 +505,7 @@ export default {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,

package/es/index.mjs

@@ -16,6 +16,7 @@ import Cell from './cell/index.mjs'
 import Checkbox from './checkbox/index.mjs'
 import CheckboxGroup from './checkbox-group/index.mjs'
 import Chip from './chip/index.mjs'
+import Code from './code/index.mjs'
 import Col from './col/index.mjs'
 import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
@@ -33,6 +34,7 @@ import FieldDecorator from './field-decorator/index.mjs'
 import FloatingPanel from './floating-panel/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
+import HighlighterProvider from './highlighter-provider/index.mjs'
 import Hover from './hover/index.mjs'
 import HoverOverlay from './hover-overlay/index.mjs'
 import Icon from './icon/index.mjs'
@@ -106,6 +108,7 @@ export * from './cell/index.mjs'
 export * from './checkbox/index.mjs'
 export * from './checkbox-group/index.mjs'
 export * from './chip/index.mjs'
+export * from './code/index.mjs'
 export * from './col/index.mjs'
 export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
@@ -123,6 +126,7 @@ export * from './field-decorator/index.mjs'
 export * from './floating-panel/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
+export * from './highlighter-provider/index.mjs'
 export * from './hover/index.mjs'
 export * from './hover-overlay/index.mjs'
 export * from './icon/index.mjs'
@@ -178,7 +182,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.5.4'
+const version = '3.6.0-alpha.1728498016952'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
@@ -199,6 +203,7 @@ function install(app) {
   Checkbox.install && app.use(Checkbox)
   CheckboxGroup.install && app.use(CheckboxGroup)
   Chip.install && app.use(Chip)
+  Code.install && app.use(Code)
   Col.install && app.use(Col)
   Collapse.install && app.use(Collapse)
   CollapseItem.install && app.use(CollapseItem)
@@ -216,6 +221,7 @@ function install(app) {
   FloatingPanel.install && app.use(FloatingPanel)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
+  HighlighterProvider.install && app.use(HighlighterProvider)
   Hover.install && app.use(Hover)
   HoverOverlay.install && app.use(HoverOverlay)
   Icon.install && app.use(Icon)
@@ -293,6 +299,7 @@ export {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -310,6 +317,7 @@ export {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,
@@ -387,6 +395,7 @@ export default {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -404,6 +413,7 @@ export default {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'