@jvs-milkdown/crepe 1.2.32 → 1.2.33

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.
Files changed (12) hide show
  1. package/lib/cjs/feature/toolbar/index.js.map +1 -1
  2. package/lib/cjs/index.js +62 -74
  3. package/lib/cjs/index.js.map +1 -1
  4. package/lib/esm/feature/toolbar/index.js.map +1 -1
  5. package/lib/esm/index.js +62 -74
  6. package/lib/esm/index.js.map +1 -1
  7. package/lib/tsconfig.tsbuildinfo +1 -1
  8. package/lib/types/feature/fixed-toolbar/component.d.ts.map +1 -1
  9. package/lib/types/feature/toolbar/component.d.ts.map +1 -1
  10. package/package.json +4 -4
  11. package/src/feature/fixed-toolbar/component.tsx +61 -71
  12. package/src/feature/toolbar/component.tsx +19 -20
package/lib/esm/index.js CHANGED
@@ -8647,54 +8647,42 @@ const FixedToolbarComponent = defineComponent({
8647
8647
  }
8648
8648
  },
8649
8649
  /* @__PURE__ */ h(
8650
- "div",
8650
+ "button",
8651
8651
  {
8652
+ type: "button",
8653
+ class: "fixed-toolbar-expand-btn",
8654
+ title: "\u5C55\u5F00\u5DE5\u5177\u680F",
8655
+ onClick: (e) => {
8656
+ e.preventDefault();
8657
+ e.stopPropagation();
8658
+ viewState.fixedToolbarVisible = true;
8659
+ },
8652
8660
  style: {
8653
- position: "relative",
8654
- width: "100%",
8655
- maxWidth: isFull.value ? "100%" : maxWidth.value,
8656
- margin: isFull.value ? "0" : "0 auto",
8657
- height: "100%"
8661
+ position: "absolute",
8662
+ top: "0",
8663
+ right: "40px",
8664
+ display: "flex",
8665
+ alignItems: "center",
8666
+ justifyContent: "center",
8667
+ width: "28px",
8668
+ height: "24px",
8669
+ border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
8670
+ borderTop: "none",
8671
+ background: "var(--crepe-color-surface, #ffffff)",
8672
+ cursor: "pointer",
8673
+ borderRadius: "0 0 6px 6px",
8674
+ boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
8675
+ color: "var(--crepe-color-on-surface, #363b4c)",
8676
+ pointerEvents: "auto",
8677
+ zIndex: 200
8658
8678
  }
8659
8679
  },
8660
8680
  /* @__PURE__ */ h(
8661
- "button",
8681
+ "span",
8662
8682
  {
8663
- type: "button",
8664
- class: "fixed-toolbar-expand-btn",
8665
- title: "\u5C55\u5F00\u5DE5\u5177\u680F",
8666
- onClick: (e) => {
8667
- e.preventDefault();
8668
- e.stopPropagation();
8669
- viewState.fixedToolbarVisible = true;
8670
- },
8671
- style: {
8672
- position: "absolute",
8673
- top: "0",
8674
- right: "6px",
8675
- display: "flex",
8676
- alignItems: "center",
8677
- justifyContent: "center",
8678
- width: "28px",
8679
- height: "24px",
8680
- border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
8681
- borderTop: "none",
8682
- background: "var(--crepe-color-surface, #ffffff)",
8683
- cursor: "pointer",
8684
- borderRadius: "0 0 6px 6px",
8685
- boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
8686
- color: "var(--crepe-color-on-surface, #363b4c)",
8687
- pointerEvents: "auto",
8688
- zIndex: 200
8689
- }
8690
- },
8691
- /* @__PURE__ */ h(
8692
- "span",
8693
- {
8694
- style: { display: "inline-flex", alignItems: "center" },
8695
- innerHTML: chevronDownIcon
8696
- }
8697
- )
8683
+ style: { display: "inline-flex", alignItems: "center" },
8684
+ innerHTML: chevronDownIcon
8685
+ }
8698
8686
  )
8699
8687
  )
8700
8688
  );
@@ -8722,7 +8710,7 @@ const FixedToolbarComponent = defineComponent({
8722
8710
  width: "100%",
8723
8711
  maxWidth: isFull.value ? "100%" : maxWidth.value,
8724
8712
  margin: isFull.value ? "0" : "0 auto",
8725
- paddingRight: "40px",
8713
+ // paddingRight: '40px',
8726
8714
  gap: "0px",
8727
8715
  minWidth: "0",
8728
8716
  overflow: "hidden"
@@ -8844,41 +8832,41 @@ const FixedToolbarComponent = defineComponent({
8844
8832
  isFixed: true
8845
8833
  }
8846
8834
  ),
8847
- showShortcuts.value && /* @__PURE__ */ h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts }),
8835
+ showShortcuts.value && /* @__PURE__ */ h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts })
8836
+ ),
8837
+ /* @__PURE__ */ h(
8838
+ "button",
8839
+ {
8840
+ type: "button",
8841
+ class: "toolbar-item collapse-btn",
8842
+ title: "\u6298\u53E0\u5DE5\u5177\u680F",
8843
+ onClick: (e) => {
8844
+ e.preventDefault();
8845
+ e.stopPropagation();
8846
+ viewState.fixedToolbarVisible = false;
8847
+ },
8848
+ style: {
8849
+ position: "absolute",
8850
+ top: "6px",
8851
+ right: "40px",
8852
+ margin: "0",
8853
+ display: "flex",
8854
+ alignItems: "center",
8855
+ justifyContent: "center",
8856
+ pointerEvents: "auto",
8857
+ zIndex: 200
8858
+ }
8859
+ },
8848
8860
  /* @__PURE__ */ h(
8849
- "button",
8861
+ "span",
8850
8862
  {
8851
- type: "button",
8852
- class: "toolbar-item collapse-btn",
8853
- title: "\u6298\u53E0\u5DE5\u5177\u680F",
8854
- onClick: (e) => {
8855
- e.preventDefault();
8856
- e.stopPropagation();
8857
- viewState.fixedToolbarVisible = false;
8858
- },
8859
8863
  style: {
8860
- position: "absolute",
8861
- top: "6px",
8862
- right: "6px",
8863
- margin: "0",
8864
- display: "flex",
8864
+ display: "inline-flex",
8865
8865
  alignItems: "center",
8866
- justifyContent: "center",
8867
- pointerEvents: "auto",
8868
- zIndex: 200
8869
- }
8870
- },
8871
- /* @__PURE__ */ h(
8872
- "span",
8873
- {
8874
- style: {
8875
- display: "inline-flex",
8876
- alignItems: "center",
8877
- transform: "rotate(180deg)"
8878
- },
8879
- innerHTML: chevronDownIcon
8880
- }
8881
- )
8866
+ transform: "rotate(180deg)"
8867
+ },
8868
+ innerHTML: chevronDownIcon
8869
+ }
8882
8870
  )
8883
8871
  )
8884
8872
  );