@elmethis/vue 0.2.12 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20,5 +20,6 @@ export declare const CodeBlock: Story;
20
20
  export declare const Katex: Story;
21
21
  export declare const Table: Story;
22
22
  export declare const ColumnList: Story;
23
+ export declare const ColumnListWithRatio: Story;
23
24
  export declare const Unsupported: Story;
24
25
  export declare const Unified: Story;
@@ -151,9 +151,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
151
151
  { class: style["column-list"] },
152
152
  { default: () => render2(slots.default) }
153
153
  ),
154
- Column: ({ slots }) => h(
154
+ Column: ({ props: props2, slots }) => h(
155
155
  "div",
156
- { class: style.column },
156
+ {
157
+ class: style.column,
158
+ style: {
159
+ "--width-ratio": props2?.widthRatio ? props2.widthRatio : 1,
160
+ width: props2?.widthRatio ? `${props2.widthRatio * 100}%` : void 0
161
+ }
162
+ },
157
163
  { default: () => render2(slots.default) }
158
164
  ),
159
165
  Unsupported: ({ props: props2 }) => h(ElmUnsupportedBlock, { details: props2?.details })
@@ -3,17 +3,17 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("._jarkup-body_18xt2_1>*+*{margin-block-start:2em}._column-list_18xt2_5{box-sizing:content-box;padding-block:.25rem;width:100%;display:flex;flex-direction:row;gap:.5rem;justify-content:space-around;overflow:auto}._column_18xt2_5{flex:1}"));
6
+ elementStyle.appendChild(document.createTextNode("._jarkup-body_16yw7_1>*+*{margin-block-start:2em}._column-list_16yw7_5{box-sizing:content-box;padding-block:.25rem;width:100%;display:flex;flex-direction:row;gap:.25rem;justify-content:space-around;overflow:auto}._column_16yw7_5{box-sizing:border-box;padding:.125rem;flex:1;flex:var(--width-ratio, 1)}._column_16yw7_5>*+*{margin-block-start:2em}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- const column = "_column_18xt2_5";
13
+ const column = "_column_16yw7_5";
14
14
  const style0 = {
15
- "jarkup-body": "_jarkup-body_18xt2_1",
16
- "column-list": "_column-list_18xt2_5",
15
+ "jarkup-body": "_jarkup-body_16yw7_1",
16
+ "column-list": "_column-list_16yw7_5",
17
17
  column
18
18
  };
19
19
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elmethis/vue",
3
- "version": "0.2.12",
3
+ "version": "0.3.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -46,7 +46,7 @@
46
46
  "@types/prismjs": "^1.26.6",
47
47
  "@vitejs/plugin-vue": "^6.0.4",
48
48
  "csstype": "^3.2.3",
49
- "jarkup-ts": "^0.6.0",
49
+ "jarkup-ts": "^0.7.0",
50
50
  "openapi-types": "^12.1.3",
51
51
  "postcss": "^8.5.6",
52
52
  "postcss-preset-env": "^11.1.3",